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这 是 国内 首先 使 用 tkinter 设计 GUI 的 中 文 Python 书籍 之 一 。 

本 书 主要 讲解 如 何在 窗口 内 使 用 Python 的 内 部 模块 kinter 设计 图 形 用 户 接口 (GUD 程序 ， 使 
用 户 可 以 利用 图 形 接口 与 计算 机 沟通 。tkinter 模块 是 一 个 跨 平台 的 窗口 应 用 程序 ， 使 用 它 设计 的 
程序 未 来 可 以 在 Windows、Mac、Linux 系统 上 执行 。 

Python 的 tkinter 模块 内 部 有 许多 Widget( 可 以 翻译 为 控件 或 组 件 或 部 件 )， 有 了 这 些 Widget 
就 可 以 设计 出 所 有 与 图 形 接口 相关 的 程序 应 用 。 本 书 介绍 的 tkinter 模块 Widget 包括 Button( 按 
4l ). Canvas( 画布 )、Checkbutton( 选项 钮 )、Entry( 文 本 框 )、Frame( 框架 )、Label( 卷 标 )、 
LabelFrame( 卷 标 框架 )、Listbox( &if& ). Menu( 菜单 )、MenuButton( 单 选 按钮 )、Message( 信息 )、 
OptionMenu( 下 拉 式 窗 体 )、PanedWindow( 面板 )、RadioButton( 选项 钮 )、Scale( 滚动 条 值 控制 )、 
Scrollbar( 滚动 条 )、Spinbox( 可 微调 输入 控件 )、Text( 文字 区 域 )、TopLevel( 上 层 窗 口 )。 

此 外 ， 本 书 还 介绍 了 与 tkinter 模块 设计 应 用 有 关 的 变量 类 别 (Variable Classes) 与 事件 绑 定 
(Events and Binds) 概念 。 

为 了 详细 讲解 GUI 设计 ， 本 书 共 使 用 了 约 270 个 程序 实例 ， 详 细 解 析 各 种 Widget 的 用 法 ， 
同时 也 将 应 用 扩充 到 设计 文字 编辑 程序 、 计 算 器 、 动 画 与 相关 的 游戏 设计 中 。 相 信 读 者 学 完 本 书 
可 以 轻松 将 GUI 知识 应 用 到 未 来 职场 ， 成 为 一 位 称职 的 软件 工程 师 ， 并 成 为 Python 领域 的 高 手 。 
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本 书 是 一 本 使 用 tkinter 进行 Python GUI 设计 的 中 文 图 书 。 


作者 在 2017 年 12 月 出 版 了 《Python 入 门 迈 向 高 手 之 路 王者 归来 》。 该 书 从 上 市 到 
现在 ， 连 续 几 个 月 皆 是 台湾 地 区 Python 领域 最 畅销 的 书籍 。 该 书 约 820 页 ， 虽 然 是 目前 
Python 图 书 讲解 内 容 较 丰 富 、 应 用 较 广 泛 的 图 书 ， 但 受 限于 篇 幅 ， 作 者 深 知 该 书 仍 无 法 
涵盖 所 有 Python 的 应 用 ， 特 别 是 在 GUI 设计 部 分 只 是 粗浅 讲解 。 

在 Python 应 用 程序 内 附 有 tkinter 模块 。 这 个 模块 主要 用 于 设计 用 户 图 形 接 
(Graphical User Interface，GUD， 也 可 以 用 于 设计 跨 平 台 的 窗口 应 用 程序 。 程 序 设计 人 
员 可 以 使 用 此 模块 的 控件 (Widget) 设计 图 形 接口 让 用 户 与 计算 机 沟通 。tkinter 模块 简单 
好 用 ， 但 是 目前 却 少 有 书籍 对 这 个 模块 做 过 完整 的 功能 介绍 ， 这 也 是 作者 决定 撰写 本 书 
的 动力 。 

本 书 基 本 上 不 对 Python 语法 进行 介绍 ， 所 以 读者 需要 有 一 定 的 Python 知识 基础 才 
适合 阅读 本 书 ， 如 果 没 有 Python 基础 ， 建 议 先 阅读 作者 所 著 下 列 两 本 书 之 一 ， 建 立 起 完 
整 的 Python 知识 框架 。 

(Python 零 基 础 最 强 入门 之 路 王者 归来 》 
《Python 入 门 迈 向 高 手 之 路 王者 归来 》 


本 书 将 通过 约 270 个 程序 实例 讲解 下 列 知识 。 


(1) Python tkinter Widget ; 
(2) Python tkinter.ttk Widget ; 
(3) Widget 常用 属性 ; 

(4) Widget 常用 方法 ; 

(5) 变量 类 别 ; 

(6) 事件 与 绑 定 ; 

(7) 计算 器 设计 ; 
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(8) 文本 编辑 程序 设计 ; 

(9) 动画 游戏 设计 。 

作者 曾 编写 过 许多 计算 机 书籍 。 本 书 沿袭 作者 以 往 著作 的 特色 ， 程 序 实例 丰富 ， 相 
信 读 者 只 要 遵循 本 书 的 学 习 路 线 ， 必 定 可 以 在 最 短 时 间 内 精通 窗口 程序 设计 。 本 书 内 容 
虽 力 求 完美 ， 但 是 书 中 踢 漏 与 不 足 之 处 在 所 难免 ， 希 望 读 者 不 音 指正 。 
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EEN 认识 GUI 和 tkinter 


GUI 英文 全 称 是 Graphical User Interface， 中 文 为 图 形 用 户 接 口 。 早 期 人 与 计算 机 
之 间 的 沟通 是 文字 形式 的 沟通 ， 例 如 ， 早 期 的 DOS 操作 系统 、Windows 的 命令 提示 符 


窗 


、Linux 系统 ， 等 等 。 本 书 主要 说 明 如 何 设 计 图 形 用 户 接 口 ， 以 让 


j 户 可 以 与 计 


算 机 


n 


提供 许多 图 形 接口 


进行 沟通 ， 并 介绍 使 用 Python 内 附 的 tkinter 模块 设计 相关 程序 。 


tkinter 是 一 个 开放 源码 的 图 形 接口 开发 工具 ， 原 来 是 用 TCL(Tool Command 


Language， 工 具 命 令 语言 ) 编写 的 GUI 函数 库 ， 最 初 发 展 是 从 1991 年 开始 ， 具 有 跨 
平台 的 特性 ， 可 以 在 Linux、Windows、Mac OS 等 操作 系统 上 执行 。 这 个 tkinter 工具 
， 例 如 ， 标 签 (Label)、 菜 单 (Menu)、 按 钮 (Button) 等 。 
tkinter 工具 已 经 移植 到 Python 语言 ， 属 于 Python 语言 内 建 的 模块 ， 在 Python 2 版 本 


FP 该 模块 名 称 是 tkinter， 在 Python 3 版 本 中 该 模块 被 称 为 tkinter 模块 。 


目前 ， 这 个 


在 安装 Python 时 ， 就 已 经 同时 安装 此 模块 了 ， 在 使 用 前 只 需 导入 此 模块 即 可 ， 如 
下 所 示 。 


from tkinter import * 


之 后 我 们 就 可 以 使 用 此 模块 的 工具 设计 多 样 化 的 GUI 程序 了 。 软 件 版 本 变化 很 
快 ， 在 正式 进入 Python 的 tkinter 模块 前 首先 介绍 如 何 了 解 自己 的 tkinter 版 本 。 


程序 实例 ch1_0.py: 列 出 tkinter 版 本 。 


1 
2 
zi 
4 


4 chi 0.py 
import tkinter 


print(tkinter.TkVersion) 


7 RESTART: D:/PythonGUI/chl_0.py 
8. 
>>> 


一 般 8.5 以 后 的 版 本 功能 比较 健全 。 


EES 建立 窗口 


可 以 使 用 下 列 方 法 建立 窗口 。 
root = Tk( ) + root 是 自 定义 的 Tk 对 象 名 称 ， 也 可 以 取 其 他 名 称 
root.mainloop( ) # 放 在 程序 最 后 一 行 


通常 将 使 用 Tk( ) 方法 建立 的 窗口 称 为 根 窗口 ， 之 后 可 以 在 此 根 窗口 中 建立 许多 控 
件 ， 也 可 以 在 此 根 窗 口中 建立 上 层 窗口 。 本 例 中 笔者 用 root 当 作 对 象 名 称 ， 读 者 也 可 
以 自行 取 其 他 名 称 。 上 述 mainloop( ) 方法 可 以 让 程序 继续 执行 ， 同 时 进入 等 待 与 处 理 
窗口 事件 ， 单 击 窗口 右上 方 的 “关闭 ”按钮 ， 此 程序 才 会 结束 。 


序 实例 ch1_1.py: 建立 空白 窗口 ， 窗 口 默认 名 称 是 从 。 


程 

1 # chl 1.py 
2 from tkinter import * 
3 
4 
5 


root - Tk() 
root.mainloop() 


下 方 右 图 是 更 改 窗口 大 小 后 的 结果 。 
u -EE Lj tk -oE 


上 述 左边 窗口 大 小 是 默认 大 小 ， 当 窗口 出 现 后 ， 可 以 拖 忠 移动 窗口 或 更 改 窗口 
大 小 。 


€9 在 GUI 程 序 设计 中 ， 有 时 候 也 将 上 述 所 建立 的 窗口 (window) 称 为 容器 


(container). 


EEJ 窗口 属性 的 设置 


下 列 是 与 窗口 相关 的 方法 。 
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title( ) 可 以 设置 窗口 的 标题 

设置 窗口 宽 width 与 高 height， 单 位 是 像素 pixel， 设 定 窗口 位 置 

拖 电 时 可 以 设置 窗口 最 大 的 宽 (width) 与 高 (height) 

拖 忠 时 可 以 设置 窗口 最 小 的 宽 (width) 与 高 (height) 
设置 窗口 的 背景 颜色 

可 设置 是 否 更 改 窗口 大 小 ， 第 一 个 参数 是 宽 ， 第 二 个 参数 是 高 ， 如 
果 要 固定 窗口 宽 与 高 ， 可 以 使 用 resizeable(0,0) 
最 大 化 窗口 

最 小 化 窗口 

更 改 默认 窗口 图 标 


geometry("widthxheight+x+y") 


maxsize(width,height) 


minsize(width,height) 


configure(bg-"color") 


resizable(True,True) 


state("zoomed") 
iconify( ) 


iconbitmap("xx.ico") 


程序 实例 ch1_2.py: 设置 窗口 标题 为 MyWindow， 同 时 设置 宽 是 300， 高 是 160. 


# chl 2.py 
from tkinter import * 


root.title("MyWindow") # 窗 
root . geometry ("300x160") # 窗口 大 小 
root.configure(bg-'yellow') # 效 口 背景 颜色 
root.mainloop() 


1 
2 
3 
4 root - Tk() 
5 
6 
7 
8 


F MyWindow  — = x] 


ERE 7 行 笔者 使 用 bg 设置 了 窗口 背景 颜色 ， 相 关 颜 色 名 称 可 以 参考 附录 A。 除 
了 可 以 使 用 名 称 直接 设置 色彩 ， 还 可 以 使 用 十 六 进 制 方式 设置 色彩 RGB， 其 中 每 个 色 
彩 用 两 个 十 六 进 制 数字 表示 。 从 附录 A 的 色彩 表 也 可 以 看 到 RGB 数值 所 代表 的 颜色 。 


程序 实例 ch1 3.py: 使 用 mystarico 更 改 系统 默认 的 图 标 ， 同 时 使 用 另 一 种 更 改 背景 
颜色 的 方法 。 
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# ch1 3.py 
from tkinter import * 


root.configure(bg- :00ff00') it 窗口 背景 颜色 
root.iconbitmap("mystar.ico") # 更 改 图 标 
root.mainloop() 


1 
2 
3 
4 root = Tk() 
5 
6 
9 


新 的 窗口 图 标 


1-4 | 窗口 位 置 的 设置 


geometry( ) 方法 除了 可 以 设置 窗口 的 大 小 ， 也 可 以 设置 窗口 的 位 置 ， 此 时 它 的 语 
法 格式 如 下 。 


geometry (widthxheight+x+y) 


上 述 widthxheight 已 说 明 是 窗口 的 宽 和 高 ，width 与 height 用 x 分 隔 。“+x” 表 示 
x 是 窗口 左边 距离 屏幕 左边 的 距离 ， 如 果 是 “-x”, 则 表示 x 是 窗口 右边 距离 屏幕 右边 
MER. y” RR y 是 窗口 上 边 距离 屏幕 上 边 的 距离 ， 如 果 是 “-y” 则 表示 y 是 窗口 
下 边 距离 屏幕 下 边 的 距离 。 


程序 实例 ch1_4.py: 建立 一 个 300X160 大 小 的 窗口 ， 此 窗口 左上 角 坐 标 是 (400,200). 


# ch1 4.py 
from tkinter import * 


root - Tk() 
root.geometry("300x16044004200") # 距离 屏幕 左上 和 角 (4898, 280) 
root.mainloop() 


gomusBuNmH 
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Python 是 一 个 很 灵活 的 程序 语言 ， 可 参考 下 列 实例 。 
程序 实例 ch1_5.py: 重新 设计 geometry( ) 方法 ， 读 者 可 以 自行 判断 使 用 哪 一 种 方式 


建立 窗口 与 设置 窗口 位 置 。 

1 4 chl 5.py 

2 from tkinter import * 

3 

4 root - Tk() 

5 w= 300 # BID 

6 h- 160 # BIDS 

7 x - 400 8 Lie quce 
8 y= 200 # 左上 角 Y 轴 位 置 
9  root.geometry(" "Xbotd Xd «Xd" % (w,h,x,y)) 
10  root.mainloop() 


[D EE-EdE 5j chl 4.py 相同 。 
在 tkinter 模块 中 可 以 使 用 下 列 方 法 获得 屏幕 的 宽度 和 高 度 。 


winfo screenwidth( ) # 屏幕 宽度 
winfo screenheight( ) t 屏幕 高 度 


程序 实例 ch1_6.py: 设计 窗口 同时 将 此 窗口 放 在 屏幕 中 央 。 


x = (screenWidth - w) / 2 

y = (screenHeight - h ) / 2 

11 root.geometry("%dx%d+%d+%d" % (w,h,x,y)) 
root.mainloop() 


口 左上 角 x 轴 位 置 
口 左 上 角 Y 轴 位 置 


1 # chil 6.py 

2 from tkinter import * 

3 

4 root - Tk() 

5  screenWidth = root.winfo screenwidth() # 屏幕 宽度 
6  screenHeight = root.winfo screenheight() # 屏幕 高 度 
7 w= 300 窗口 宽 
8 h= 160 * AOS 
9 HA 

10 * B 
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FE 读者 可 以 在 屏幕 中 央 看 到 此 窗口 。 


ERJ 认识 tkinter 的 Widget 


1-5-1 tkinter BS Widget 


Widget 可 以 翻译 为 控件 或 组 件 或 部 件 。 窗 口 建立 完成 后 ， 下 一 步 是 在 窗 
控件 ， 我 们 将 这 些 控 件 统称 为 Widget。 

(1)Button( 按钮 ): 可 参考 第 4 章 。 

(2)Canvas( 画布 ): 可 参考 第 19 章 。 

(3)Checkbutton( 多 选 按钮 ): 可 参考 7-2 节 。 

(4)Entry( 文本 框 ): 可 参考 第 5 章 。 

(S)Frame( 框架 ): 可 参考 8-1 节 。 

(6)Label( 标签 ): 可 参考 第 2 章 。 

(7)LabelFrame( 标签 框架 ): 可 参考 8-2 节 。 

(8)Listbox( 列表 框 ): 可 参考 第 12 章 。 

(9)Menu( 菜单 ): 可 参考 第 16 章 。 

(10)MenuButton( 菜单 按钮 ): 这 个 是 过 时 的 控件 ， 已 经 被 Menu( ) 取代 。 

(11)Message( 消息 ): 可 参考 10-1 节 。 

(12)OptionMenu( 下 拉 式 菜单 ): 可 参考 第 13-1 节 。 

(13)PanedWindow( 面板 ): 可 参考 第 14-1 节 。 

(14)Radiobutton( 单 选 按钮 ) : 可 参考 7-1 节 。 

(15)Scale( 尺度 ): 可 参考 9-1 节 。 

(16)Scrollbar( 滚动 条 ): 可 参考 12-8 W. 

(17)Spinbox( 可 微调 输入 控件 ): 可 参考 9-2 节 。 

(18)Text( 文字 区 域 ): 可 参考 第 17 章 。 

(19)Toplevel( 上 层 窗 口 ) : 可 参考 8-3 节 。 


从 第 2 章 开 始 笔者 会 一 个 一 个 介绍 上 述 控件 ， 另 外 在 各 章节 中 会 穿插 介绍 控件 配 
置 管理 员 (Widget Layout Manager)、 图 像 (mage)、 事 件 (Evenb。 最 后 需要 读者 了 解 的 


内 建立 
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是 ， 在 tkinter 中 所 有 的 Widget 其 实 都 是 面向 对 象 的 类 ， 我 们 通过 调用 构造 方法 来 达到 
建立 相关 Widget 控件 的 目的 。 


1-5-2 加强 版 的 tkinter 模块 


tkinter 在 后 来 也 推出 了 加 强 版 的 模块 ， 称 为 tkinter.ttk， 有 时 简称 ttk， 这 个 模块 中 
有 17 个 Widget。 下 列 是 原本 tkinter 有 的 Widget. 

(1)Button 

(2)Checkbutton 

(3)Entry 

(4)Frame 

(5)Label 

(6)LabelFrame 

(7)MenuButton 

(S)Radiobutton 

(9)Scale 

(10)Scrollbar 

(11)PanedWindow 

下 列 是 ttk 模块 新 增 的 Widget. 

(1)Combobox: 可 参考 第 13-2 节 。 
Q)Notebook: 可 参考 第 14-2 节 。 
(3)Progressbar: 可 参考 第 15 章 。 

(4)Separator: 可 参考 2-16 节 。 
(5)Sizegrip: 可 以 拖 忠 最 上 层 窗口 右 下 方 更 改 最 上 层 窗口 的 大 小 。 
(6)Treeview: 可 参考 第 18 章 。 

导入 上 述 模块 可 以 使 用 下 列 方式 。 


from tkinter import ttk 


如 果 使 用 下 列 方式 导入 ttk， 可 以 覆盖 原先 tkinter 的 控件 。 


from tkinter import * 


from tkinter.ttk import * 


使 


d tk 可 以 有 更 好 的 外 观 ， 而 且 也 可 以 跨 平 台 使 用 ， 不 过 并 没有 100% 兼容 。 例 如 ， 


fg. bg 参数 或 一 些 外 观 相 关 的 参数 全 和 ttk 是 不 相同 。tkk 使 用 的 是 ttk-Style 类 别 。 


| 1-6. Widget 的 共同 属性 


设计 控件 时 会 看 到 下 列 共同 属性 。 

Dimensions: 大 小 ， 相 关 应 用 可 参考 2-3 节 。 

Colors: 颜色 ， 相 关 应 用 可 参考 2-2 节 。 

Fonts: 字形 ， 相 关 应 用 可 参考 2-6 节 。 

Anchor: 锚 (位 置 参考 点 ) ， 相 关 应 用 可 参考 2-4 节 。 


Relief styles: 


EEH 


匡 ， 相 关 应 用 可 参考 2-10 节 。 


Bitmaps: 显示 位 图 ， 相 关 应 用 可 参考 2-8 节 。 
Cursors: 鼠标 外 形 ， 相 关 应 用 可 参考 2-14 节 。 
本 书 从 第 2 章 起 ， 会 分 别 说 明 上 述 所 有 概念 。 


ERES Widget 的 共同 方法 


设计 控件 时 会 看 到 下 列 常用 的 共同 方法 。 


1. Configuration 
(1)config(option=value): Widget 属性 可 以 在 建立 时 设置 ， 也 可 以 在 程序 执行 时 使 


用 config( ) 重新 设置 ， 相 关 应 用 可 参考 2-13 节 。 


(2)cget("option"): 取得 option 参数 值 ， 相 关 应 用 可 参考 2-13 节 。 


(G3)keys( ): 可 以 上 


2. Event Processing 


(1)mainloop( ): 让 程序 继续 执行 ， 同 时 进入 等 待 与 处 理 窗口 事件 ， 相 关 应 用 


考 1-2 节 。 


此 方法 获得 所 有 该 Widget 的 参数 ， 可 参考 2-15 节 。 
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(2)quit( ): Python Shell 窗口 结束 ， 但 是 所 建 窗口 继续 执行 ， 相 关 应 用 可 参考 5-3 


(3)update( ): 更 新 窗口 画面 ， 相 关 应 用 可 参考 15-2 节 。 

3. Event callbacks 

(Dbind(event,callback): 事件 绑 定 ， 相 关 应 用 可 参考 11-2 节 。 
(2)unbind(event): 解除 绑 定 ， 相 关 应 用 可 参考 11-3 节 。 

4. Alarm handlers 


after(time,callback): 间隔 指定 时 间 后 调用 callback() 方法 ， 相 关 应 用 可 参考 2-13 节 。 
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标签 Label 的 基本 应 用 
Widget 的 共同 属性 Color 
Widget 的 共同 属性 Dimensions 
Widget 的 共同 属性 Anchor 
Label 文字 输出 换行 位 置 wraplength 
Widget 的 共同 属性 Font 
Label 的 justify 参数 
Widget 的 共同 属性 Bitmaps 
compound 参数 
Widget 的 共同 属性 relief 
标签 文字 与 标签 区 间 的 间距 padx/pady 
图 像 Photolmage 
Widget 的 共同 方法 config( ) 
Widget 的 共同 属性 Cursors 
Widget 的 共同 方法 keys( ) 
分 隔 线 Separator 
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| 2-1 | 标签 Label 的 基本 应 用 


Label( ) 方法 可 以 用 于 在 窗口 内 建立 文字 或 图 像 标 签 ， 有 关 图 像 标签 的 内 容 将 在 
2-8 节 、2-9 节 与 2-12 节 讨 论 ， 它 的 语法 格式 如 下 。 
Label( 父 对 象 ,options，… ) 
Label( ) 方法 的 第 一 个 参数 是 父 对 象 ， 表 示 这 个 标签 将 建立 在 哪 一 个 父 对 象 (可 想 
成 父 窗口 或 称 容器 ) 内 。 下 列 是 Label( ) 方法 内 其 他 常用 的 options 参数 。 
(1)anchor: 如 果 空 间 大 于 所 需 时 ， 控 制 标签 的 位 置 ， 默 认 是 CENTER( 居中 )， 更 
多 设 定 可 参考 2-4 节 。 
(2)bg 或 background: 背景 色彩 。 
(3)bitmap: 使 用 默认 图 标 当 作 标签 内 容 。 
(4)borderwidth 或 bd: 标签 边界 宽度 ， 默 认 是 1。 
(5)compound: 可 以 设置 标签 内 含 图 像 和 文字 时 ， 彼 此 的 位 置 关系 。 
(6)cursor: 当 鼠 标 光 标 在 标签 上 方 时 的 外 形 。 
(7)fg B foreground: 前 景色 彩 。 
(8)font: 可 选择 字形 、 字 形 样式 与 大 小 。 
(9)height: 标签 高 度 ， 单 位 是 字符 。 
(10)image: 标签 以 图 像 方式 呈现 。 
(1D)justify: 存在 多 行文 本 时 最 后 一 行 的 对 齐 方 式 ， 可 取 值 有 LEFT/CENTER/ 
RIGHT( 靠 左 / 居 中 / 靠 右 )， 默 认 是 居中 对 齐 。 
(12)padx/pady: 标签 文字 与 标签 区 间 的 间距 ， 单 位 是 像素 。 
(13)relief: 默认 是 relie 伍 FLAT， 可 由 此 控制 标签 的 外 框 。 
(14)text: 标签 内 容 ， 如 果 有 “\n” 则 可 输入 多 行文 字 。 
(15)textvariable: 可 以 设置 标签 以 变量 方式 显示 。 
(16)underline: 可 以 设置 第 几 个 文字 有 下 画 线 ， 从 0 开始 算 起 ， 默 认 是 -1， 表 示 无 下 
线 。 
(17)width: 标签 宽度 ， 单 位 是 字符 。 
(18)wraplength: 本 文 到 多 少 宽度 后 换行 ， 单 位 是 像素 。 
我 们 在 设计 程序 时 ， 也 可 以 将 上 述 参数 设置 称 为 属性 设置 。 


Hj 
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程序 实例 ch2_1.py: 建立 一 个 标签 ， 内 容 是 “I like tkinter”， 同 时 在 Python Shell 窗 
口中 列 出 Label 的 数据 类 型 。 


# ch2 1.py 
from tkinter import * 


T 

2 

8 

4 root - Tk() 

5  root.title("ch2 1") 

6  label-Label(root,text-"I like tkinter") 
7  label.pack() # 包装 与 定位 组 件 

8 print(type(label)) # 传 回 Labe] 数 据 类 型 
9 

0 


1 root.mainloop() 


ES 下 方 右 图 是 鼠标 拖 点 增加 窗口 宽度 的 结果 ， 可 以 看 到 完整 的 窗口 标题 。 
(og ; o -cEN 


Ilike tkinter Ilike tkinter 


上 述 左边 窗口 大 小 是 默认 大 小 ， 很 明显 窗口 高 度 会 比 没有 控件 时 更 小 ， 因 为 
tkinter 只 会 安排 足够 的 空间 显示 控件 。 上 述 第 7 行 的 pack( ) 方法 主要 是 包装 窗口 的 
Widget 控件 和 定位 窗口 的 对 象 ， 所 以 可 以 在 执行 结果 的 窗口 内 见 到 上 述 Widget 控件 。 
此 例 中 Widget 控件 是 标签 ， 第 3 章 将 针对 pack 相关 知识 做 完整 说 明 。 另 外 ， 我 们 在 
Python Shell 窗口 中 可 以 看 到 label 数据 类 型 的 结果 是 tkinter.Label 数据 类 型 。 


=========== RESTART: D:/PythonGUI/ch2/ch2 l.py 
«class 'tkinter.Label'» 


上 述 知 识 很 重要 ， 因 为 以 后 如 果 设 计 复杂 的 GUI 程序， 需要 随时 使 用 Widget 控 
件 的 对 象 做 更 进一步 的 操作 ， 此 时 需要 使 用 此 对 象 。 


如 果 在 网 络 上 或 是 以 后 看 到 其 他 人 设计 的 GUI 程序 ， 对 于 上 述 第 6 行 和 第 7 行 ， 
会 经 常 看 到 可 以 组 合成 一 行 ， 可 参考 下 列 程序 实例 。 


程序 实例 ch2_2.py: 使 用 Label( ).pack( ) 方式 重新 设计 ch2_1.py。 


# ch2 2.py 
from tkinter import * 


root = Tk() 

root.title("ch2 2") 

label-Label(root,text-"I like tkinter").pack() 
print(type(label)) # 传 回 Labe1 数 据 类 型 


CoNo wWwNe 


root.mainloop() 


Python GUI i&it——tkinter 菜鸟 编程 


GUI 窗口 的 结果 与 ch2_1.py 相同 。 


但 是 这 时 Python Shell 窗口 中 所 传 回 的 label 数据 类 型 如 下 。 


== RESTART: D: \PythonGUI\ch2\ch2_2.py 
«class 'NoneType'» 
>>> 


会 发 生 错 误 ， 这 是 读者 需要 特别 留意 的 。 


上 述 程序 中 第 6 行 有 “label=”， 因 为 它 的 数据 类 型 已 经 不 对 了 ， 
置 ， 可 参考 本 书 配套 程序 实例 中 的 ch2_2_1.py。 


6  Label(root,text-"I like tkinter").pack() 


至 于 以 后 的 程序 设计 ， 笔 者 建议 将 对 象 声 明 与 pack 方法 分 开 ， 或 是 如 果 不 会 使 用 


很 明显 不 是 tkinter.Label 类 型 。 如 果 这 时 需要 用 此 对 象 进一步 操作 Widget 控件 就 


也 可 以 省 略 此 设 


此 对 象 做 更 进一步 操作 时 才 使 用 这 种 声明 与 pack 一 起 的 方式 ， 如 此 不 容易 出 现 错误 。 


| 2-2 | Widget 共同 属性 Color 


fg 或 foreground: 可 以 设置 前 景色 彩 ， 在 此 相当 于 是 标签 的 颜色 。bg 或 


background 可 以 设置 背景 色彩 。 在 1-3 节 中 已 经 用 实例 说 明 过 bg 的 上 
bg 的 用 法 相同 ， 下 面 将 直接 以 实例 说 明 。 


ik. fg 的 用 法 与 


程序 实例 ch2 3.py: 修改 ch2_2.py， 设 置 文字 前 景色 是 蓝 色 ， 背 景色 是 黄色 。 


# ch2 3.py 
from tkinter import * 


E 
2 
3 
4 root = Tk() 

5  root.title("ch2 3") 

6  label-Label(root,text-"I like tkinter", 
7 fg-"blue",bg-"yellow") 

8  label.pack() 

9 

0 


1 


root.mainloop() 


rc- E 


| 2-3 | Widget 的 共同 属性 Dimensions 


height 可 以 设置 Widget 控件 ( 此 例 是 标签 ) 的 高 度 ， 单 位 是 字符 高 度 。width 可 以 
设置 Widget 控件 (此 例 是 标签 ) 的 宽度 ， 单 位 是 字符 宽度 。 


程序 实例 ch2_4.py: 修改 ch2_3.py， 设 置 标签 宽度 是 15， 高 度 是 3， 背景 是 黄色 ， 前 
景 是 蓝 色 。 


# ch2 4.py 
from tkinter import * 


1 
2 
3 
4 root - Tk() 

5  root.title("ch2 4") 

6  label-Label(root,text-"I like tkinter", 
7 fg-"blue",bg-"yellow", 

8 height-3,width-15) 

9  label.pack() 

0 

1 


e e 


root.mainloop() 


| 2-4 | Widget 的 共同 属性 Anchor 


Anchor 其 实 是 指标 签 文字 在 标签 区 域 输出 位 置 的 设置 ， 在 默认 情况 下 Widget 控 
件 是 上 下 与 左右 都 居中 对 齐 ， 可 以 参考 ch2 4.py 的 执行 结果 。 我 们 也 可 以 使 用 anchor 
选项 设 定 Widget 控件 的 对 齐 ， 如 下 图 所 示 。 
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程序 实例 ch2_5.py: 使 用 anchor 选项 重新 设计 ch2_4.py， 让 字符 串 从 标签 区 间 左 上 和 角 
位 置 开 始 输出 。 


# ch2 5.py 
from tkinter import * 


1 
2 
3 
4 root = Tk() 

5  root.title("ch2 5") 
6  label-Label(root,text-"I like tkinter", 
z fg="blue",bg="yellow", 

8 height=3,width=15, 

9 anchor="nw" 

10 label.pack() 


12 root.mainloop() 


r- cm 


程序 实例 ch2. 6.py: 重新 设计 ch2_5.py， 让 字符 串 在 标签 右 下 方 输出 。 
1 4 ch2 6.py 

2 from tkinter import * 

3 

4 root - Tk() 

5  root.title("ch2 6") 

6  label-Label(root,text-"I like tkinter", 
7 fg-"blue",bg-"yellow", 

8 height-3,width-15, 

9 anchor-"se") 

10  label.pack() 

11 


12  root.mainloop() 


1 - om 


e anchor 的 参数 设置 也 可 以 使 用 内 建 大 写 常数 ,例如 ,nw 使 用 NW、n 使 用 N、ne 
使 用 NE、w 使 用 W、center 使 用 CENTER、e 使 用 E、sw 使 用 SW、s 使 用 S、se 
使 用 SE。 当 程序 使 用 大 写 常数 时 ， 可 以 省 略 字 符 串 的 双 引 号 。 
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程序 实例 ch2_6_1.py: 使 用 大 写 常数 重新 设计 ch2_6.py。 


9 anchor=SE) 


AER 与 ch2 6.py 相同 。 


Label 文字 输出 换行 位 置 wraplength 


wraplength 这 个 参数 可 以 设置 标签 中 的 文字 在 多 少 宽度 后 自动 换行 。 
程序 实例 ch2_7.py: 重新 设计 ch2 5.py， 让 标签 中 的 文字 达到 40 像素 宽度 后 自动 换行 。 


1 # ch2 7.py 

2 from tkinter import * 

3 

4 root = Tk() 

5 root.title("ch2 7") 

6  label-Label(root,text-"I like tkinter", 
7 fg-"blue",bg-"yellow", 
8 height-3,width-15, 

9 anchor-"nw", 

10 wraplength - 40) 

11 label.pack() 

12 


13  root.mainloop() 


LE 


Widget 的 共同 属性 Font 


font 参数 用 于 设置 文字 字形 ， 这 个 参数 包含 下 列 内 容 。 

(1) 字形 family: 如 Helvetica, Times 等 ， 读 者 可 以 进入 Word 内 参考 所 有 系统 字形 。 
Q) 字号 size: 单位 是 像素 。 

(3)weight: 例如 bold, normal. 
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(Aslant: 例如 italic, roman, AH italic 则 是 roman. 
(S)underline: 例如 True, False. 
(G)overstrike: 例如 True. False. 


程序 实例 ch2 8.py. 重新 设计 ch2 4.py， 使 用 Helvetic 字形 ， 大 小 是 20， 粗 体 显示 。 


it ch2 8.py 
from tkinter import * 


root - Tk() 

root.title("ch2 8") 

label-Label(root,text-"I like tkinter", 
fg-"blue",bg-"yellow", 
height-3,width-15, 

9 font-"Helvetic 20 bold") 

10  label.pack() 


coo un UuN HP 


12 root.mainloop() 


f ch2 8 - n: EE 


从 上 图 可 以 看 到 标签 区 域 相 较 ch2_ 4.py 放大 了 ， 这 是 因为 程序 第 8 4T height 和 
width 都 是 和 字号 联动 。 另 外 ， 也 可 以 用 元 组 方式 处 理 第 9 行 的 font 参数 。 


程序 实例 ch2_8_1.py: 使 用 元 组 重新 处 理 ch2 8.py 第 9 行 的 font 参数。 


9 font-("Helvetic",20,"bold")) 


与 ch2 8.py 相同 。 


Label 的 justify 参数 


在 标签 的 输出 中 ， 如 果 是 多 行 的 输出 ， 在 最 后 一 行 输出 时 可 以 使 用 justify 参数 设 
置 所 输出 的 标签 内 容 是 left/center/right( 靠 左 / 居中 / 靠 右 )， 默 认 是 居中 输出 。 


程序 实例 ch2_9.py: 使 用 默认 方式 执行 多 行 输出 ， 并 观察 最 后 一 行 是 居中 对 齐 输 


EE 
o 
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# ch2 9.py 
from tkinter import * 


root - Tk() 

root.title("ch2 9") 

label-Label(root,text-"abcdefghijklmnopqrstuvuy", 
fg-"blue",bg-"lightyellow", 
wraplength-80) 

label.pack() 


[ÍCOuwOo-woumuNuBP 


ee 


root.mainloop() 


可 参考 下 方 左 图 。 
TE | 


abcdefghij abcdefghij 
klmnopqrs klmnopaqrs 
居中 对 齐 — uwy tuvwy 4 M M ENR 


程序 实例 ch2. 10.py: 执行 多 行 输出 ， 并 设置 最 后 一 行 是 靠 左 对 齐 输出 。 


# ch2 10.py 
from tkinter import * 


root.title("ch2 10") 
label-Label(root,text-"abcdefghijklmnopqrstuvwy", 


1 

2 

3 

4 root - Tk() 
5 

6 

7 fg="blue",bg="lightyellow", 
8 


wraplength=80, 
9 justify-"left") 
10  label.pack() 
11 


12  root.mainloop() 
可 参考 上 方 右 图 。 


程序 实例 ch2_11.py: 更 改 第 9 行 设 定 ， 获 得 强制 居中 输出 ， 可 参考 下 方 左 图 。 


9 justify-" center") 


r- cl r- cl 


abcdefghij abcdefghij 
kimnopqrs kimnopqrs 
tuvwy tuvwy 


程序 实例 ch2_12.py: 更 改 第 9 行 设置 ， 获 得 靠 右 输 出 ， 可 参考 上 方 右 图 。 
9 justify-"right") 
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EN Widget 的 共同 属性 Bitmaps 


tkinter 也 提供 了 在 标签 位 置 放置 内 建 位 图 的 功能 。 下 面 是 在 各 操作 系统 平台 都 可 


以 使 用 的 位 图 。 
error hourglass info questhead question 
warning gray12 gray25 gray50 gray75 


下 列 是 上 述 位 图 由 左 到 右 、 由 上 到 下 依 顺 序 对 应 的 图 例 。 


Smmie?^?:! " - m 


程序 实例 ch2_13.py: 在 标签 位 置 显示 hourglass 位 图 。 


4 ch2 13.py 
from tkinter import * 


4 
2 
3 
4 root = Tk() 

5  root.title("ch2 13") 

6  label-Label(root,bitmap-"hourglass") 
7  label.pack() 

8 

9  root.mainloop() 


| 
TI 


compound 参数 


图 像 与 文字 共存 时 ， 可 以 使 用 此 参数 定义 文字 与 图 像 的 位 置 关系 。compound 参数 
可 以 是 下 列 值 。 


left: 图 像 在 左 。 

right: 图 像 在 右 。 

top: 图 像 在 上 。 

bottom: 图 像 在 下 。 

center: 文字 覆盖 在 图 像 上 方 。 
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程序 实例 ch2_14.py: 图 像 与 文字 共存 时 ， 图 像 在 左边 。 


# ch2 14.py 
from tkinter import * 


Ef 
2 
E, 
4 root - Tk() 

5  root.title("ch2 14") 

6  label-Label(root,bitmap-"hourglass", 

了 compound="left",text=" 我 的 天 空 ") 
8 label.pack() 

9 

9 


> 


root.mainloop() 


feu 
| ETE 


程序 实例 ch2 15.py: 图 像 与 文字 共存 时 ， 图 像 在 上 边 。 


# ch2 15.py 
from tkinter import * 


1 
2 
3 
4 root - Tk() 

5  root.title("ch2 15") 

6  label-Label(root,bitmap-"hourglass", 

7 compound="top" ,text=" 我 的 天 空 ") 
8 label.pack() 

9 

0 


1 


root.mainloop() 


‘.- c E 
| 


ETE | 


程序 实例 ch2 16.py: 图 像 与 文字 共存 时 ， 文 字 覆盖 在 图 像 上 方 。 


# ch2 16.py 
from tkinter import * 


root = Tk() 

root.title("ch2 16") 

label-Label(root,bitmap-"hourglass", 
compound="center" ,text=" 我 的 天 空 ") 

label.pack() 


&G'oocdocusuNHAPD 


m 


root.mainloop() 


Python GUI 设计 一 一 tkinter 菜鸟 编程 


-EE 
akz | 


Widget 的 共同 属性 relief 


这 个 relief 属性 也 可 以 应 用 在 许多 Widget 控件 上 ， 可 以 利用 relief 属性 建立 


Widget 控件 的 边框 。 


flat |groove raised| ridge [sunken 


上 述 标 签名 称 也 就 是 relief 属性 值 的 效果 。 


程序 实例 ch2_17.py: 建立 raised 属性 的 标签 。 


# ch2 17.py 
from tkinter import * 


root = Tk() 
root.title("ch2 17") 


label-Label(root,text-"raised",relief-"raised") 


1 
2 
3 
4 
5 
6 
7 
8  label.pack() 
9 

0 


1 


root.mainloop() 


|- x | 
raised 


ESI 标签 文字 与 标签 区 间 的 间距 padx/pady 


在 设计 标签 或 其 他 Widget 控件 时 ， 若 是 不 设置 Widget 的 大 小 ， 系 统 将 使 用 最 适 


空间 作为 此 Widget 的 大 小 ， 在 2-3 节 介绍 过 建立 Widget 大 小 的 方式 。 其 实 也 可 


以 通 


过 设置 标签 文字 与 标签 区 间 的 间距 ， 达 到 更 改 标签 区 间 的 目的 。padx 可 以 设置 标签 


文字 左右 边界 与 标签 区 间 的 x 轴 间 距 ，pady 可 以 设置 标签 文字 上 下 边界 与 标签 


区 间 


的 y 轴 间距 。 


程序 实例 ch2_18.py: 重新 设计 ch2 17.py， 为 了 让 读者 更 清楚 地 了 解 padx/pady 的 意 
义 ， 这 个 程序 将 标签 的 背景 设 为 浅黄 色 ， 然 后 将 标签 文字 与 标签 
为 5， 标签 文字 与 标签 区 间 的 上 下 间距 设 为 10。 


# ch2 18.py 
from tkinter import * 


root = Tk() 
root.title("ch2 18") 


label-Label(root,text-"raised",relief-"raised", 
bg-"lightyellow", 

9 padx-5,pady-10) 

0  label.pack() 


ce ou» UNE 


2  root.mainloop() 


r- > | 


、 一 
上 下 间距 pady=10 raised 


左右 间距 padx-5 


区 间 的 左右 间距 设 


2-12 | 图 像 Photolmage 


H 


图 片 可 以 应 用 在 许多 地 方 ， 例 如 标签 、 功 能 按钮 、 选 项 按钮 、 


目前 可 以 用 PhotoImage( ) 方法 建立 图 像 对 象 ， 然 后 再 将 此 对 象 应 


上 。 它 的 语法 如 下 。 


imageobj = PhotoImage (file= "xxx.gif" ) # 扩展 名 gif， 传 


文字 区 域 等 。 在 使 


在 其 他 窗 


[s] 


需 留意 PhotoImage( ) 方法 早期 只 支持 gf 文件 格式 ， 不 接受 常 
式 的 图 像 ， 目 前 已 经 可 以 支持 png 格式 了 。 为 了 使 用 方便 对 
文件 夹 中 。 


可 以 在 Label( ) 方 法 内 使 用 “image=imageobj” 参 数 设置 此 图 像 对 象 。 


组 件 


图 像 对 象 


的 jpg 或 png 格 
EDU g 直 图 片 放 在 程序 所 在 
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程序 实例 ch2_19.py: 窗口 显示 html.gif 图 片 的 基本 应 用 。 


# ch2 19.py 
from tkinter import * 


| 


root - Tk() 
root.title("ch2 19") 


html gif - PhotoImage(file-"html.gif") 
label-Label(root,image-html gif) 
label.pack() 


[Ó Guocdc-o]ou »u N 


ee 


root.mainloop() 


' ch2. 19 Exe 


Marching onto the road of Web Design Expert $  Marthing onto the road of Web Design Expert 


aae uos gATMTUUATZR 


M 深 石 数位 科技 


如 果 想 要 在 标签 内 显示 jpg 文件 ， 需 要 借助 PIL 模块 的 Image 和 ImageTk 模块 ， 
请 先导 入 pillow 模块 ， 如 下 所 示 。 


pip install pillow 


注意 在 程序 设计 中 需 导 入 的 是 PIL 模块 ， 主 要 原因 是 要 向 旧版 Python Image 
Library 兼容 ， 如 下 所 示 。 


from PIL import Image, ImageTk 


程序 实例 Ch2 19 1.py: 在 标签 内 显示 yellowstone.jpg. 
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1 # ch2 19 1.py 
2 from tkinter import * 
3 from PIL import Image, ImageTk 


4 
5. root = Tk() 

6 root.title("ch2 19 1") 

7  root.geometry("680x400") 

8 

9 image = Image.open("yellowstone.jpg") 
10 yellowstone = ImageTk.PhotoImage(image) 
11 label = Label(root,image=yellowstone) 
12 label.pack() 


14 root.mainloop() 
执行 结果 
' ch2 19 1 -B 


可 以 参考 2-9 节 使 用 compound 参数 使 图 像 与 文字 标签 共存 。 
程序 实例 ch2_20.py: 窗口 内 同时 有 文字 标签 和 图 像 的 应 用 。 


1 # ch2 20.py 

2 from tkinter import * 

3 

4 root - Tk() 

5 root.title("ch2 20") 

6 sseText = """SSE&-Z Silicon Stone Education, 这 家 公司 在 美国 ， 
7 Bug ERAS. RESTE. 

8 sse gif = PhotoImage(file-"sse.gif") 

9  label-Label(root,text-sseText,image-sse gif,bg-"lightyellow", 
10 compound-" left") 

11 label.pack() 

12 


13  root.mainloop() 
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ch2_20 -H 


SSE 全 名 是 Silicon Stone Education, 这 家 公司 在 美国 
这 是 国际 专业 证 照 公 司 ,产品 多 元 与 丰富 . 


由 上 图 执行 结果 可 以 看 到 ， 文 字 标签 第 2 行 输出 时 ， 是 默认 的 居中 对 齐 。 我 们 可 
以 在 Label( ) 方法 内 增加 justify-LEFT 参数 ， 让 第 2 行 数据 靠 左 输出 。 


程序 实例 ch2_21.py: 重新 设计 ch2 20.py， 第 10 行 增加 justify=“left” 参 数 让 文字 
标签 的 第 2 行 数据 靠 左 输出 ， 另 外 让 图 像 显示 在 文字 标签 右边 。 


1 # ch2 21.py 
from tkinter import * 


4 root - Tk() 

5  root.title("ch2 21") 

6 sseText = """SSE£ Silicon Stone Education, 这 家 公司 在 美国 ， 
7 ”这 是 国际 专业 证 照 公司 ,产品 多 元 与 丰富 .""" 

8 sse gif = PhotoImage(file-"sse.gif") 

9  label-Label(root,text-sseText,image-sse gif,bg-"lightyellow", 
10 justify-"left",compound-"right") 

11 label.pack() 


13  root.mainloop() 


í ch2_21 -5 
SSE 全 名 是 Silicon Stone Education 这 家 公司 在 美国 ) 
这 是 国际 专业 证 昭公 司 ,产品 多 元 与 手语 . 
- — á. 
LO 
3E 


最 后 要 提醒 的 是 bitmap 参数 和 image 参数 不 能 共存 ， 如 果 发 生 了 这 种 状况 ， 
bitmap 参数 将 不 起 作用 。 
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程序 实例 ch2_22.py: 图 像 与 文字 共存 ， 文 字 覆 盖 在 图 像 上 方 。 


# ch2 22.py 
from tkinter import * 


1 
2 
3 
4 root = Tk() 

5 root.title("ch2 22") 

6 sseText =“"""SSE 全 名 是 Silicon Stone Education, 这 家 公司 在 美国 ， 
7 ”这 是 国际 专业 证 照 公司 ,产品 多 元 与 丰富 ."“" 

8 sse gif = PhotoImage(file-"sse.gif") 

9  label-Label(root,text-sseText,image-sse gif,bg-"lightyellow", 
10 compound-"center") 

11 label.pack() 


13 root.mainloop() 


- 
LEY 可 Imt 


2-13 | Widget 的 共同 方法 config( ) 


Widget 控件 在 建立 时 可 以 直接 设置 对 象 属性 ， 若 是 部 分 属性 未 建立 ， 未 来 在 程序 
执行 时 如 果 想 要 建立 或 是 更 改 属性 可 以 使 用 config( ) 方法 。 此 方法 内 属性 设置 的 参数 
用 法 与 建立 时 相同 。 


程序 实例 ch2_23.py: 计数 器 的 设计 ， 这 个 程序 会 每 秒 更 新 一 次 计数 器 内 容 。 


1 # ch2 23.py 

2 from tkinter import * 

3 

4 counter = 9 i 

5 def run counter(digit): LES Ez 
6 def counting(): # g 

7 global counter 

8 counter += 1 # 定义 全 局 变 
9 digit.config(text-str(counter)) #5 

10 digit.after(1000,counting) # tti 
11 counting() # 持续 调用 
12 


13 root = Tk() 
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14 root.title("ch2 23") 


15 digit-Label(root,bg-"yellow",fg-"blue", it BEEF 

16 height-3,width-10, # 51053 

17 font-"Helvetic 20 bold") # KiE 

18 digit.pack() 

19 run_counter(digit) # 调 更 新 方法 
20 


21  root.mainloop() 


执行 
(az. - O EN 


-一 一 一 一 
自动 更 新 数字 


上 述 程序 第 5 ~ 11 行 是 内 峰 方 法 的 设计 。 第 10 行 的 after( ) 方法 ， 第 一 个 参数 
1000 表示 隔 1 秒 会 调用 第 二 个 参数 注 名 的 方法 ， 此 例 中 是 counting( ) 方法 。 


Widget 的 共同 属性 Cursors 


Cursors 表示 光标 形状 ， 程 序 设 计时 如 果 想 要 更 改 光 标 形状 ， 例 如 ， 可 以 设计 鼠标 
光标 在 标签 (Label) 或 按钮 (Button) 上 时 的 形状 ， 可 以 使 用 本 功能 。 不 过 读者 需 留 意 
光标 形状 可 能 会 因为 操作 系统 不 同 而 有 所 差异 。 下 面 是 光标 形状 与 名 称 的 对 应 。 


f arrow Ü double arrow [4 man Tij sizing 
W based arrow doun Wf draft_large ü middlebutton x spider 
Ë based arrow up JÆ draft small E mouse nH spraycan 
= boat Él draped_box ï pencil a star 
ü bogosity || exchange E pirate Q target 
lE bottom 1eft corner b fleur S plus Æ tcross 
E bottom right corner a gobbler 2 question arrow WNEtop left arrow 
E bottom side Th gumby Bright ptr IR top. 1eft corner 
W bottom tee * handi Slright side E! top right corner 
B box spiral X hand2 Mright tee WF top side 
Wi center ptr Q heart Hl rightbutton TF top tee 
o circle B icon 国 rtl_logo $ trek 
fi clock [ :iron_cross Ñ sailboat Ful angle 
& coffee mug Ñ left_ptr 1 sb down arrow 9 umbrella 
T cross IE 1eft side *»sb h double arrow Flur angle 
W cross reverse Bleft_tee = sb left arrow 要 watch 
十 crosshair ul leftbutton *sb right arrow Ixterm 
EB diamond cross E11 angle f sb_up_arrow Xx cursor 
@ dot Bir angle 1 sb v double arrow 


E] dotbox 


w shuttle 
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在 一 些 Widget 控件 的 参数 中 有 cursor， 可 以 由 此 设置 光标 在 此 控件 上 时 的 形状 ， 
如 果 省 略 ， 系 统 将 沿用 光标 在 父 容器 上 的 形状 。 


程序 实例 ch2. 24.py: 当 鼠 标 光 标 经 过 raised 标签 时 ， 其 形状 将 变 为 “heart”。 这 个 程 
序 的 重点 是 第 10 行 。 


# ch2 24.py 
from tkinter import * 


1 

2 

3 

4 root - Tk() 

5  root.title("ch2 24") 
6 

7 

8 


label-Label(root,text-"raised",relief-"raised", 
bg-"lightyellow", 


9 padx-5,pady-10, 

10 cursor-"heart") # 光 标 形状 
11 label.pack() 

12 


13 root.mainloop() 


7 oNN 


2-15 | Widget 的 共同 方法 keys( ) 


在 2-1 节 中 介绍 了 Label( ) 方法 的 语法 : 
Label( 父 对 象 ,options，… ) 


同时 说 明了 options 的 所 有 参数 。 其 实 Widget 有 一 个 共同 方法 keys( ) 可 以 用 列表 
(lisb 传 回 这 个 Widget 所 有 的 参数 。 


程序 实例 ch2_25.py: 传 回 标签 Label( ) 方法 的 所 有 参数 。 


# ch2 25.py 
from tkinter import * 


1 
2 
3 
4 root - Tk() 

5 root.title("ch2 25") 

6  label-Label(root,text-"I like tkinter") 
7  label.pack() 

8  print(label.keys()) 

9 

9 


1 root.mainloop() 
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LEE 


Ilike tkinter 


此 程序 重点 是 在 Python Shell 窗口 中 可 以 列 出 Label 的 所 有 参数 。 


m — — — — RESTART: D:/PythonGUI/ch2/ch2. 25.py === 
['activebackground', 'activeforeground', 'anchor', 'background', 'bd', 'bg', 'bi 


tmap', 'borderwidth', 'compound', 'cursor', 'disabledforeground', 'fg', 'font', 
'foreground', 'height', 'highlightbackground', 'highlightcolor', 'highlightthick 
ness', 'image', 'justify', 'padx', 'pady', 'relief', 'state', 'takefocus', 'text 
', 'textvariable', 'underline', 'width', 'wraplength'] 

>>> 


2-16 | 分 隔 线 Separator 


在 设计 GUI 程序 时 ， 有 时 适度 地 在 适当 位 置 增加 分 隔 线 可 以 让 整体 视觉 效果 更 佳 。 
tkinterttk 中 有 Separator 模块 ， 可 以 用 此 模块 完成 此 工作 ， 它 的 语法 格式 如 下 。 


Separator( R ,options ) 


Separaetor( ) 方法 的 第 一 个 参数 是 父 对 象 ， 表 示 这 个 分 隔 线 将 建立 在 哪 一 个 父 对 象 内 ; 
options 参数 如 果 是 HORIZONTAL 则 建立 水 平分 隔 线 ，VERTICAL 则 建立 垂直 分 隔 线 。 


程序 实例 ch2_26.py: 在 标签 间 建 立 分 隔 线 。 


# ch2 26.py 
from tkinter import * 
from tkinter.ttk import Separator 


root - Tk() 
root.title("ch2 26") 


cecousB&uNHAG 


myTitle =“ 一 个 人 的 极 境 旅行 " 

9 myContent = ““2916 年 12 月 ,我 一 个 人 订 了 机 票 和 船 票 ， 
10 ”开始 我 的 南极 旅行 ,飞机 经 迪拜 再 往 阿根廷 的 号 斯 怀 亚 ， 

11 ”在 此 我 登 上 邮轮 开始 我 的 南极 之 旅 ”” 


labi = Label(root,text-myTitle, 
font-"Helvetic 20 bold") 
labil.pack(padx-10, pady-10) 


sep - Separator(root,orient-HORIZONTAL) 
sep.pack(fill-X,padx-5) 


lab2 - Label(root,text-myContent) 
lab2.pack(padx-10, pady-10) 


root.mainloop() 
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执行 结果 


[i «220 - OES 
一 个 人 的 极 境 旅行 


2016 年 12 月 ,我 一 个 人 订 了 机 票 和 船 票 , 
开始 我 的 南极 旅行 ,飞机 经 迪拜 再 往 阿 根 廷 的 号 斯 怀 亚 ， 
在 此 我 登 上 邮轮 开始 我 的 南极 之 旅 


上 述 程序 第 18 行 pack(fill=X,padx=5)， 表 示 此 分 隔 线 填 满 X 轴 ， 它 与 窗口 边界 左 
右 均 相距 5 像素 。 更 多 完整 的 pack( ) 说 明 将 在 3-2 节 中 介绍 。 


窗口 控件 配置 管理 员 


本 章 摘要 

3-1 Widget Layout Manager 
3-2 pack 方法 

3-3 grid 75;X 

3-4 place 方法 

3-5 Widget 控件 位 置 总 结 
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第 2 章 的 讲解 中 一 个 窗口 只 含有 一 个 Widget 控件 ， 但 在 一 个 实用 的 程序 中 一 定 是 
一 个 窗口 含有 多 个 Widget 控件 ， 这 时 就 会 牵涉 应 如 何 将 这 些 Widget 控件 配置 到 容器 
或 窗口 内 一 一 这 也 是 本 章 的 主题 。 由 于 目前 所 学 的 Widget 控件 只 有 标签 LabeD)， 所 以 
本 章 将 以 此 作为 实例 讲解 ， 后 面 章 节 介绍 过 更 多 Widget 控件 后 ， 将 会 有 更 多 应 用 。 


su Widget Layout Manager 


在 设计 GUI 程序 时 ， 可 以 使 用 三 种 方法 包装 和 定位 各 组 件 在 容器 或 窗口 内 的 位 
置 ， 这 三 个 方法 又 称 窗口 控件 配置 管理 员 (Widget Layout Manager)。 

(1)pack 方法 : 将 在 3-2 节 讲 解 。 

(2)grid 方法 : 将 在 3-3 节 讲 解 。 

(3)place 方法 : 将 在 3-4 节 讲 解 。 


pack 方法 


虽然 我 们 称 pack 方法 ， 其 实在 tkinter 内 这 是 一 个 类 别 。 这 是 最 常 使 用 的 控件 配置 
管理 方法 ， 它 是 使 用 相对 位 置 的 概念 处 理 Widget 控件 配置 ， 至 于 控件 的 正确 位 置 则 是 
由 pack 方法 自动 完成 。pack 方法 的 语法 格式 如 下 。 


pack(options, *… ) 


options 参数 可 以 是 side、fill、padx/pady、ipadx/ipady、anchor。 下 面 将 分 小 节 
一 一 说 明 。 


3-2-1 side 参数 
side 参数 可 以 垂直 或 水 平 配置 控件 ， 在 进一步 讲解 前 先 看 下 列 程序 实例 。 


程序 实例 ch3_1.py: 一 个 窗口 中 含有 三 个 标签 ， 在 前 两 章程 序 中 建立 信 对 象 时 是 用 
root 当 作 对 象 名 称 ， 这 个 对 象 名 称 可 以 自行 命名 ， 本 章 中 将 故意 使 用 window 当 作 对 象 
名 称 以 便 读者 体会 。 
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# ch3 1.py 
from tkinter import * 


1 
2 
3 
4 window - Tk() 
5 
6 
y 
8 


window.title("ch3 1") 3 BE 
labi = Label(window,text=" 明 志 科 技 大 学 "， 
bg-"lightyellow") # 标签 背景 是 浅黄 色 

lab2 = Label(window,text=" 长 庚 大 学 "， 
9 bg="lightgreen") # 标签 背景 是 浅 绿色 
10 lab3 = Label(window,text=" 长 庚 科 技 大 学 "， 
11 bg-"lightblue") # 标签 背景 是 浅 蓝 色 
12 labl.pack() # 包装 与 定位 组 件 
13 lab2.pack() # 包装 与 定位 组 件 
14 lab3.pack() # 包装 与 定位 组 件 
15 


16  window.mainloop() 


r- cm 


明志 科技 大 学 


由 上 图 可 以 看 到 ， 当 窗口 中 有 多 个 组 件 时， 使 用 pack 可 以 让 组 件 由 上 往 下 排列 显 
示 ， 其 实 这 也 是 系统 的 默认 设置 。 使 用 pack 方法 时 ， 也 可 以 增加 side 参数 设置 组 件 的 
排列 方式 ， 此 参数 的 取 值 如 下 。 


TOP: 这 是 默认 值 ， 由 上 往 下 排列 。 
BOTTOM: 由 下 往 上 排列 。 
LEFT: 由 左 往 右 排列 。 
RIGHT: 由 右 往 左 排列 。 
序 实 例 ch3_2.py: 在 pack 方法 内 增加 “side=BOTTOM” 重 新 设计 ch3_1.py， 另 外 
本 实例 将 标签 的 宽度 改 为 15。 


# ch3 2.py 
from tkinter import * 


window.title("ch3 2") # 窗口 标题 

labi = Label(window,text=" 明 志 科 技 大 学 ”， 
bg-"lightyellow", td 

width-15) 


1 
2 
3 
4 window - Tk() 
5 
6 
7 
8 
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9  lab2 = Label(window,text- ESAE", 


10 bg-"lightgreen", # 标签 背景 是 浅 绿色 
21 width-15) # 标签 宽度 是 15 

12 lab3 = Label(window,text=" 长 庚 科 技 大 学 ”， 

13 bg-"lightblue", # 标 

14 width=15) a 

15  labl.pack(side-BOTTOM) doc 

16  lab2.pack(side-BOTTOM) * cài 

17  lab3.pack(side-BOTTOM) # 包 


19  window.mainloop() 


_ 明志 科技 大 


程序 实例 ch3_3.py: 在 pack 方法 内 增加 “side=LEFT” 重 新 设计 ch3 2.py. 


1 # ch3 3.py 

2 from tkinter import * 

3 

4 window = Tk() 

5 window.title("ch3 3") # 窗口 标题 

6 labi = Label(window,text=" 明 志 科 技 大 学 "， 

7 bg-"lightyellow", # 标签 背景 是 浅黄 色 
8 width=15) # 标签 宽度 是 15 

9  lab2 = Label(window,text=" 长 庚 大 学 "， 

10 bg-"lightgreen", LES 

11 width-15) LIES 

12 lab3 = Label(window,text=" 长 庚 科 技 大 学 "， 

13 bg-"lightblue", # 标签 背景 是 浅 蓝 色 
14 width=15) # Reprod 

15 labi.pack(side-LEFT) # 包装 与 定位 组 件 
16 lab2.pack(side=LEFT) z Eri 
17 ]ab3.pack(side-LEFT) # 包装 与 定位 组 件 


19  window.mainloop() 


执行 结果 


f ch3 3 - EE 
seners c 


程序 实例 ch3_4.py: 重新 设计 ch3_3.py， 混 合 使 用 side 参数 。 


Python GUI 设计 一 一 tkinter 菜鸟 编程 


# ch3 4.py 
from tkinter import * 


labi = Label(window,text=" 明 志 科 技 大 学 ” 


1 

2 

E 

4 window = Tk() 
5 

6 

g bg-"lightyellow", 
8 


window.title("ch3 4") tg 
> 
E 
T 


width-15) 
9  lab2 = Label(window,text-" 长庚 大 学 ”， 
10 bg-"lightgreen", # 标签 背景 是 浅 绿 
11 width-15) # 标签 宽度 是 15 
12 lab3 = Label(window,text=" 长 庚 科 技 大 学 ”， 
13 bg-"lightblue", # CMM 
14 width-15) # 标签 宽度 是 15 
15 labl.pack() # 包装 与 定位 组 件 
16  lab2.pack(side-RIGHT) # EREE TIEA 
17 lab3.pack(side=LEFT) # 靠 左 包装 与 定位 组 件 


19  window.mainloop() 


í ch3 4 一 
明志 科技 大 学 


在 2-10 节 中 介绍 了 Widget 的 常用 属性 relief， 这 里 将 用 我 们 已 有 的 知识 ， 将 其 所 
有 属性 列 出 来 。 


gti 


序 实例 ch3. 5.py: 列 出 relief 的 所 有 属性 。 


1 # ch3 5.py 

2 from tkinter import * 

3 

4 Reliefs = ["flat","groove","raised","ridge","solid","sunken"] 
5 

6 root = Tk() 

7 root.title("ch3 5") 

8 

9 for Relief in Reliefs: 

10 Label(root,text-Relief,relief-Relief, 

11 fg-"blue", 
12 font-"Times 20 bold").pack(side-LEFT,padx-5) 
13 


14  root.mainloop() 


f ch3 5 


flat groove raised| ridge ridge EXER sunken 
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程序 实例 ch3_5_1.py: 列 出 所 有 bitmaps 位 图 。 


1 4 ch3 5 1.py 

2 from tkinter import * 

3 

4  bitMaps = ["error","hourglass","info","questhead", "question", 
5 "warning","gray12","gray25" ,"gray50" ,"gray75"] 
6 

7 root - Tk() 

8 root.title("ch3 5 1") 

9 

10 for bitMap in bitMaps: 

11 Label(root,bitmap-bitMap).pack(side-LEFT,padx-5) 
22 


13  root.mainloop() 


| 
Smie?:cvsmm 


3-2-2 padx/pady 参数 


另外 ， 在 使 用 pack 方法 时 ， 可 以 使 用 padx/pady 参数 设 定 控件 边界 与 容器 ( 可 想 
成 窗口 边界 ) 的 距离 或 是 控件 边界 间 的 距离 。 在 默认 环境 下 窗口 控件 间 的 距离 是 1 像 
素 ， 如 果 希 望 有 适度 间距 ， 可 以 设置 参数 padx/pady， 代 表 水 平 间距 / 垂直 间距 ， 可 以 
分 别 在 组 件 间 增加 间距 。 


程序 实例 ch3_6.py: 重新 设计 ch3 5.py， 在 “长 庚 大 学 ”标签 上 下 增加 10 像素 间距 。 


# ch3 6.py 
from tkinter import * 


1 

2 

3 

4 window - Tk() 

5  window.title("ch3 6") 
6 

7 

8 


labi = Label(window,text- Bg t EH: 
bg-"lightyellow") 


lab2 = Label(window, text=" 长 庚 大 学 "， 
9 bg-"lightgreen") 
10 lab3 = Label(window,text=" 长 庚 科 技 大 
和 到 bg-"lightblue") 


12  labl.pack(fill-X) 
13  lab2.pack(pady-10) 
14  lab3.pack(fill-X) 


16  window.mainloop() 
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执行 结果 


r- om 


明志 科技 大 学 
二 -一 pady=10 


-—————  pady-10 
对 上 述 程序 而 言 ， 如 果 在 “明志 科技 大 学 ”标签 pack 内 增加 pady=10， 此 时 “ 明 
志 科技 大 学 ”标签 边界 与 上 边 容器 边界 间距 是 10， 但 是 它 与 “长 庚 大 学 ”标签 间 的 间 


距 由 于 彼此 影响 所 以 将 是 20。 
程序 实例 ch3_7.py: 重新 设计 ch3_6.py， 在 “明志 科技 大 学 ”标签 pack 内 增加 
pady=10。 
1 # ch3 7.py 
2 from tkinter import * 
3 
4 window = Tk() 
5  window.title("ch3 7") # 窗口 标题 
6  labl = Label(window,text=" 明 志 科 技 大 学 "， 
7 bg-"lightyellow") # 标签 背景 是 浅黄 色 
8  lab2 = Label(window,text=" 长庚 大 学 "， 
9 bg-"lightgreen") # 标签 背景 是 浅 绿 
10 lab3 = Label(window,text=" 长 庚 科 技 大 学 "， 
11 bg-"lightblue") # 标签 背景 是 浅 蓝 色 
12 ]ab1.pack(fill-X,pady-10) # 填 满 X 轴 ,Y 轴 增加 16 像 素 
13 ]1ab2.pack(pady-10) # Y 轴 增加 19 像 素 
14  lab3.pack(fill-X) # 填 满 X 轴 包装 与 定位 组 件 


16  window.mainloop() 


程序 实例 ch3_8.py: 设计 三 个 标签 ， 标 签 宽度 是 15 字符 宽 ， 标 签 的 左右 边界 与 容器 
边界 是 50 像素 。 
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# ch3 8.py 
from tkinter import * 


window.title("ch3 8") # 
labi = Label(window,text=" 明 志 科 技 太 学 " 
# 
# 


1 

2 

3 

4 window = Tk() 
5 

6 

7 bg-"lightyellow", 
8 


width-15) SEE 
9 lab2 = Label(window,text=" 长 庚 大 学 "， 
10 bg-"lightgreen", # 标签 背景 是 浅 绿色 
11 width-15) # 标签 宽度 是 15 
12 lab3 = Label(window,text=" 长 庚 科 技 大 学 "， 
13 bg-"lightblue", # 标签 背景 是 浅 蓝 
14 width=15) # 标签 宽度 是 15 
15 lab1l.pack(padx=50) # 左右 边界 间距 是 56 像 素 
16 lab2.pack(padx=50) # 左右 边界 间距 是 56 像 素 
17 lab3.pack(padx=50) # 左右 边界 间距 是 56 像 素 


19  window.mainloop() 
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序 实 例 ch3 9.py: 重新 设计 ch3_3.py， 在 “长 庚 大 学 ”标签 左右 增加 10 像素 间距 。 


1 # ch3 9.py 

2 from tkinter import * 

3 

4 window = Tk() 

5  window.title("ch3 9") # 窗口 标题 

6 labl = Label(window,text=" 明 志 科 技 大 学 "， 

7 bg-"lightyellow", 4 标签 背景 是 浅黄 色 
8 width=15) # 标签 宽度 是 15 

9  lab2 = Label(window,text=" 长 庚 大 学 "， 

10 bg-"lightgreen", # 标签 背景 是 浅 绿色 
11 width=15) # 标签 宽度 是 15 

12 lab3 = Label(window,text- 长庚 科 技 大 学 "， 

13 bg-"lightblue", # 标签 背景 是 浅 蓝 色 
14 width=15) # 标签 

15 labl.pack(side=LEFT) # 包装 

16  lab2.pack(side-LEFT,padx-10) # 左右 间距 padx=16 
17  lab3.pack(side-LEFT) # 包装 与 定位 组 件 


19  window.mainloop() 
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3-2-3 ipadx/ipady 参数 
ipadx 参数 可 以 控制 标签 文字 与 标签 容器 的 x 轴 间 距 ，ipady 参数 可 以 控制 标签 文 


字 与 标签 容器 的 y 轴 间 距 。 

程序 实例 ch3_10.py: 重新 设计 ch3_1.py， 让 “长 庚 大 学 ”标签 的 x 轴 间 距 是 10. 
1 # ch3 10.py 

2 from tkinter import * 

3 

4 window = Tk() 

5  window.title("ch3 10") # 窗口 标题 

6 labi = Label(window,text=" 明 志 科技 大 学 "， 

7 bg-"lightyellow") # 标签 背景 是 浅黄 色 

8 lab2 = Label(window,text=" 长 庚 大 学 "， 

9 bg-"lightgreen") # 标签 背景 是 浅 绿色 

10 lab3 = Label(window,text=" 长庚 科 技 大 学 ”， 

11 bg-"lightblue") H 标签 背景 是 浅 蓝 色 

12 labl.pack() # 包装 与 定位 组 件 

13 lab2.pack(ipadx=10) # ipadx=16 包 装 与 定位 组 件 
14 lab3.pack() # 包装 与 定位 组 件 


16  window.mainloop() 


程序 实例 ch3_11.py: 重新 设计 ch3_10.py, 让 “长 庚 科 技 大 学 ”标签 的 y 轴 间 距 是 10. 


# ch3 11.py 
from tkinter import * 


window.title("ch3 11") z 
labi = Label(window,text=" 明 志 科技 大 学 "， 
bg-"lightyellow") # iF 


1 
2 
3 
4 window - Tk() 
5 
6 
7 
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8 lab2 = Label(window,text=" 长 庚 大 学 "， 


9 bg-"lightgreen") # 标签 背景 是 浅 绿色 

10 lab3 = Label(window, text=" 长 庚 科 技 大 学 "， 

11 bg-"lightblue") H 标签 背景 是 浅 蓝 色 

12 labl.pack() # 包装 与 定位 组 件 

13 lab2.pack(ipadx=10) # ipadx=16 包 装 与 定位 组 件 
14  lab3.pack(ipady-10) # ipady=16 包 装 与 定位 组 件 
15 


16  window.mainloop() 


'- om 
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3-2-4 anchor 参数 


这 个 参数 可 以 设 定 Widget 控件 在 窗口 中 的 位 置 ， 它 的 概念 与 2-4 节 中 类 似 ， 但 是 本 节 
中 是 指控 件 内 容 在 控件 区 域 的 位 置 设置 ( 实际 的 例子 中 是 指标 签 文字 在 标签 区 域 的 位 置 )。 


程序 实例 ch3_12.py: 在 窗口 右 下 方 建立 一 个 内 容 为 “OK ”的 标签 ， 其 中 ， 标 签 与 窗 
口 右 边 和 下 方 的 间距 是 10 像素 。 


1 # ch3 12.py 

2 from tkinter import * 

3 

4 root - Tk() 

5 root.title("ch3 12") 

6  root.geometry(" 300x180") # 设 定 窗 口 寅 386 高 186 
7 oklabel=Label(root, text="OK", # 标签 内 容 是 OK 

8 font-"Times 20 bold", it Times 字 型 28 粗 体 

9 fg-"white",bg-"blue") # 蓝 底 白字 


10 oklabel.pack(anchor=S,side=RIGHT, # 从 右 开 始 在 $ 方 向 设置 
11 padx-10, pady-10) # x 和 y 轴 间距 都 是 16 


13 root.mainloop() 
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执行 结果 
"^ «2 -OES 
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程序 实例 ch3. 13.py: 修改 ch3_12.py， 增 加 设计 一 个 红 底 白字 的 “NO” 内 容 标签 。 


1 # ch3 13.py 

2 from tkinter import * 

3 

4 root = Tk() 

5  root.title("ch3 13") 

6  root.geometry("300x180") # 设 定 窗 口 宽 366 高 186 
7 oklabel=Label(root, text="OK", # 标签 内 容 是 OK 

8 font-"Times 20 bold", # Times 字 型 28 粗 体 

9 fg-"white",bg-"blue") # 蓝 底 白字 

10 oklabel.pack(anchor=S,side=RIGHT, # 从 右 开 始 在 $ 方 向 设置 
11 padx-10,pady-10) # x 和 y 轴 间距 都 是 10 
12 nolabel=Label(root, text="NO", # 标签 内 容 是 NO 

13 font-"Times 20 bold", # Times 字 型 28 粗 体 
14 fg-"white",bg-"red") # 蓝 底 白 字 

15  nolabel.pack(anchor-S,side-RIGHT, # 从 右 开 始 在 $ 方 向 设置 
16 pady-10) # y 轴 间距 都 是 16 

17 


18  root.mainloop() 


í ch3_13 - og 


3-2-5 fill 参数 


fill 参数 的 主要 功能 是 告诉 pack 管理 程序 ， 设 置 控 件 填 满 所 分 配 容器 区 间 的 方 
式 ， 如 果 是 fll-X 表示 控件 可 以 填 满 所 分 配 空间 的 和 轴 不 留 白 ， 如 果 是 fll-Y 表示 控 


第 3 章 窗口 控件 配置 管理 员 


件 可 以 填 满 所 分 配 空间 的 Y 轴 不 留 白 ， 如 果 是 II-BOTH 表示 控件 可 以 填 满 所 分 配 空 
EKI X AAO Y gho fill 默认 值 是 NONE， 表 示 保 持原 大 小 。 


程序 实例 ch3_14.py: 重新 设计 ch3_1.py， 但 是 第 一 个 和 第 三 个 标签 在 pack 方法 内 增 
加 ll-X 参数 ， 此 时 可 以 看 到 第 一 个 和 第 三 个 标签 填 满 X 轴 空 间 。 


1 # ch3 14.py 


2 from tkinter import * 

3 

4 window - Tk() 

5  window.title("ch3 14") i AO 

6 abl = Label(window,text=" 明 志 科 技 大 学 "， 

7 bg=" "lightyellow" ) # 标签 背景 是 浅黄 色 

8  lab2 = Label(window,text=" 长 庚 大 学 "， 

9 bg-"lightgreen") # 标签 背景 是 浅 绿色 

10 lab3 = Label(window,text=" 长 庚 科 技 大 学 "， 

11 bg-"lightblue") # 标签 背景 是 浅 蓝 色 

12 labl.pack(fill=X) # 填 G HASSE 7 组 件 
13 lab2.pack() # 包装 与 定位 组 件 

14 lab3.pack(fill=X) # 填 满 X 轴 包装 与 定位 组 件 


16  window.mainloop() 
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如 果 所 分 配 容 器 区 间 已 经 满 了 ， 则 使 用 此 fll 参数 将 不 会 有 任何 作用 。fill 参数 在 
使 用 上 仍 有 些 复杂 ， 如 果 要 设计 复杂 的 Widget 控件 布局 ， 建 议 使 用 3-3 节 所 介绍 的 
grid 方法 。 


程序 实例 ch3_15.py: 验证 如 果 所 分 配 容器 区 间 已 经 满 了 ， 则 使 用 此 fill 参数 将 不 会 
有 任何 作用 。 重 新 设计 ch3_14.py， 但 是 第 13 行 设置 长 庚 大 学 fll=Y。 


13 lab2.pack(fill=Y) # 填 满 Y 轴 包装 与 定位 组 件 
与 ch3_14.py 相同 。 


由 于 “长 庚 大 学 ”标签 所 分 配 的 Y 轴 空 间 就 是 标签 高 度 ， 所 以 在 设置 il=Y 后 ， 
不 会 有 任何 变化 。 
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程序 实例 ch3_16.py: 重新 设计 ch3_14.py 将 “明志 科技 大 学 ”标签 从 左 放置 ,“ 长 庚 
大 学 ”和 “长 庚 科 技 大 学 ”标签 使 用 默认 从 上 往 下 配置 。 


12 labl.pack(side=LEFT) # 从 左 配置 控件 
13 lab2.pack() # 默认 从 上 开始 配置 控件 
14 lab3.pack() # 默认 从 上 开始 配置 控件 


f ch. 一 O EN 
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上 述 “ 明 志 科 技 大 学 ”标签 就 是 使 用 fll-Y 的 场合 。 


程序 实例 ch3_17.py: 重新 设计 ch3_16.py,“ 明 志 科 技 大 学 ”标签 从 左 放置 同时 使 用 
fill=Y, “长 庚 大 学 ”标签 使 用 fill-X. 


12 labl.pack(side=LEFT,fill=Y) # 从 左 配 置 控件 fill=Y 
13 lab2.pack(fill=X) # 默认 从 上 开始 配置 控件 fi11=X 
14 lab3.pack() # 默认 从 上 开始 配置 控件 
执行 结果 
(o. - E 


通过 以 上 设置 我 们 得 到 了 一 个 完美 的 配置 ， 但 是 如 果 拖 忠 增 加 窗口 大 小 ， 会 看 到 
下 列 结 果 。 


f ch317 -olKgd3 
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上 述 情况 出 现 是 因为 没有 为 “长 庚 科 技 大 学 ”标签 的 X 轴 执 行 填 满 操作 。 


程序 实例 ch3_18.py: 重新 设计 ch3_17.py， 扩 展 “ 长 庚 科 技 大 学 ”标签 的 又 轴 。 


12 labl.pack(side=LEFT,fill=Y) # 从 左 配 置 控 件 fi11=Y 
13 lab2.pack(fill=X) # 昧 认 从 上 开始 配置 控件 fi11=X 
14 lab3.pack(fill-X) # 上 默认 从 上 开始 配置 控件 fi11=X 
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如 果 这 时 拖 电 增加 窗口 大 小 ， 可 以 看 到 下 列 结果 。 
1f ch318 -ocoKli 
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我 们 成 功 地 填 满 了 “长 庚 科 技 大 学 ”标签 的 X 轴 空 间 ， 但 是 这 时 也 出 现 了 一 个 问 
题 ,“ 长 庚 科 技 大 学 ”标签 并 没有 填 满 Y 轴 空 间 。 其 实 这 就 是 使 用 fll=BOTH 的 场合 。 


程序 实例 ch3_19.py: 重新 设计 实例 ch3 18.py， 使 用 fll=BOTH 应 用 在 “长 庚 科 技 大 
学 ”标签 上 。 


14  lab3.pack(fill-BOTH) # 默认 从 上 开始 配置 控件 fi11=BOTH 


1 wa á -E 


志 科技 大 学 ERST 入 ”明志 科技 大 学 
窗口 大 小 


从 上 述 我 们 发 现 fll=BOTH 并 没有 发 挥 作用 ， 在 扩充 窗口 大 小 时 并 没有 扩充 Y 轴 
的 空间 。 原 因 是 当 Widget 控件 从 左 到 右 配置 时 ，pack 配置 管理 员 所 配置 的 空间 是 了 
轴 的 空间 。 当 Widget 控件 从 上 到 下 配置 时 ，pack 配置 管理 员 所 配置 的 空间 是 XX 轴 的 
空间 。 以 上 述 实例 而 言 ， 当 扩充 窗口 大 小 时 ,“ 长 庚 科 技 大 学 ”标签 在 Y 轴 的 空间 称 为 
额外 空间 ， 这 时 需要 借助 3-2-6 节 的 expand 参数 设置 。 


3-2-6 expand 参数 


expand 参数 可 设 定 Widget 控件 是 否 填 满 额外 的 父 容器 空间 ， 默 认 是 False( RÆ 0), 
表示 不 填 满 ， 如 果 是 True( 或 是 1) 表示 填 满 。 


46 


Python GUI i&it——tkinter 菜鸟 编程 


程序 实例 ch3_20.py: 在 “长 庚 科技 大 学 ”的 标签 中 使 用 expand-True 参数， 并 观察 
执行 结果 


14  lab3.pack(fill-BOTH,expand-True) it fill-BOTH,ex 


rj ch3 20 -cEBM 
(o. -O E EE 


rs 长 庚 大 学 a 
BERHRAM foin iier EBREXAS 
^ 


阅读 至 此 ， 读 者 应 该 了 解 到 side. fill 与 expand 参数 是 互相 影响 的 。 
程序 实例 ch3_21.py: 从 上 到 下 配置 标签 ， 体 会 expand 参数 与 fill 参数 的 应 用 。 


1 # ch3 21.py 
2 from tkinter import * 


4 root = Tk() 
5 root.title("ch3 21") # EL 
6  root.geometry("300x200") 


7 
8  Label(root,text-'Mississippi',bg-'red',fg-'white', 


9 font-'Times 24 bold').pack(fill-X) 

10  Label(root,text-'Kentucky',bg-'green' ,fg- 'white', 

11 font-'Arial 24 bold italic').pack(fill-BOTH,expand-True) 
12 Label(root,text-'Purdue' ,bg-'blue',fg-'white', 

13 font-'Times 24 bold').pack(fill-X) 

14 


15  root.mainloop() 


" ch3 21 -cEN 
( 21 — -cNEM Mississippi 
Mississippi 
[一 一 本 
Kentucky ne Kentucky 
窗口 大 小 


Pu 


Purdue 


程序 实例 ch3_22.py: 从 左 到 右 配置 标签 ， 体 会 expand 参数 与 fill 参数 的 应 用 。 
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1 # ch3 22.py 

2 from tkinter import * 

3 

4 root - Tk() 

5  root.title("ch3 22") # 窗口 标题 


7  Label(root,text- Mississippi',bg-' red',fg- white', 


8 font-'Times 20 bold').pack(side-LEFT,fill-Y) 

9  Label(root,text- Kentucky' ,bg= 'green' ,fg-'white', 

10 font-'Arial 20 bold italic').pack(side-LEFT,fill-BOTH,expand-True) 
11  Label(root,text-'Purdue',bg-'blue',fg-' white', 

12 font-'Times 20 bold').pack(side-LEFT,fill-Y) 

13 


14  root.mainloop() 


执行 结果 
ch3_22 - -EE 
Mississippi Kentucky Purdue 


TES 
窗口 大 小 
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3-2-7 pack 的 方法 
pack 其 实在 Python tkinter 中 是 一 个 类 别 ， 它 提供 下 列 方法 供 我 们 使 用 。 


方法 名 称 


slaves( ) 传 回 所 有 Widget 控件 对 象 

info( ) 传 回 pack 选项 的 对 应 值 

forget( ) 隐藏 Widget 控件 ， 可 以 用 pack(option,---) 复原 显示 

location(x.y) 传 回 此 点 是 否 在 单元 格 ， 如 果 是 传 回 坐标 ， 如 果 不 是 传 回 (-1,-1) 
size) 传 回 Widget 控件 大 小 


参数 是 True 表示 父 窗口 大 小 由 子 控件 决定 ， 默 认为 True 


propagate(boolean) 
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程序 实例 ch3_23.py: 重新 设计 ch3_13.py， 列 出 执行 前 后 Widget 控件 中 的 内 容 。 


print(" 执 行 后 ", root.pack_slaves()) 


1 # ch3 23.py 

2 from tkinter import * 

3 

4 root - Tk() 

5  root.title("ch3 23") 

6  root.geometry("300x180") # 设 定 窗口 宽 386 高 186 
7 print(" 执 行 前 ,root.pack_slaves()) 

8  oklabel-Label(root,text-"OK", # 标签 内 容 是 OK 

9 font-"Times 20 bold", # Times 字 型 28 粗 体 

10 fg-"white",bg-"blue") # 蓝 底 白 字 

11 oklabel.pack(anchor-S,side-RIGHT, # 从 右 开始 在 S 方 向 设置 
12 padx-10,pady-10) # x 和 y 轴 间距 都 是 16 
13 nolabel-Label(root,text-"NO", # 标签 内 容 是 NO 

14 font-"Times 20 bold", # Times 字 型 28 粗 体 

15 fg-"white",bg-"red") # 蓝 底 白字 

16 nolabel.pack(anchor-S,side-RIGHT, # 从 右 开 始 在 9 方向 设置 
17 pady-10) # y 轴 间距 都 是 16 

18 

19 

20 


root.mainloop() 


以 下 是 Python Shell 窗口 中 的 执行 结果 。 


u RESTART: D:\PythonGUI\ch3\ch3_23.py 
fr 
REB [«tkinter.Label object .!label», «tkinter.Label object .!label2»5] 


| 3-3. grid 方法 


这 是 一 种 以 格 状 或 者 类 似 Excel 电子 表格 方式 包装 和 定位 窗口 组 件 的 方法 。grid 
方法 的 语法 格式 如 下 。 


grid(options, =) 


options 参数 可 以 是 row. column, padx/pady. rowspan, columnspan. sticky. 下 


面 将 分 小 节 一 一 说 明 。 
3-3-1 row fll column 


row 和 column 参数 的 概念 可 参考 下 图 。 
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可 以 适度 调整 grid( ) 方法 内 的 row 和 column 值 ， 即 可 包装 窗口 组 件 的 位 置 。 
程序 实例 ch3_24.py: 使 用 grid( ) 方法 取代 pack( ) 方法 重新 设计 ch3 2.py. 


1 # ch3 24.py 

2 from tkinter import * 

3 

4 window = Tk() 

5  window.title("ch3 24") # BIDS 
6 labl= PN TO ENDE 5 

"d bg-"lightyellow", 3 

8 width-15) 

9 ]ab2 = Label(window,text=" 长 庚 大 学 "， 

10 bg-"lightgreen", 

11 width-15) ET 
12 lab3 = Label(window,text-" 长庚 科技 大 学 "， 

13 bg-"lightblue", 

14 width=15) 


15  labl.grid(row-0,column-0) 
16  lab2.grid(row-1,column-0) 
17  lab3.grid(row-1,column-1) 


19  window.mainloop() 


执行 结果 


程序 实例 ch3_25.py: 重新 设计 ch3_24.py， 体 会 格 状 包装 的 另 一 个 应 用 。 


15 labl.grid(row=0,column=0) E 格 状 包装 
16 lab2.grid(row=1,column=2) # 格 状 包装 
17 lab3.grid(row=2,column=1) # 格 状 包装 
执行 结果 
f ch3_25 EIE 
明志 科技 大 学 
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3-3-2 columnspan 参数 


可 以 设 定 控件 在 column 方向 的 合并 数量 ， 在 正式 讲解 columnspan 参数 功能 前 ， 
下 面 先 介绍 建立 一 个 含 8 个 标签 的 应 用 。 


程序 实例 ch3_26.py: 使 用 grid 方法 建立 含 8 个 标签 的 应 用 。 


1 # ch3 26.py 

2 from tkinter import * 

3 

4 window - Tk() 

5  window.title("ch3 26") # EIS 

6 labi = Label(window,text-" 53 1",relief-"raised") 
7 lab2 = Label(windouw,text-" 57 2",relief-"raised") 
8  lab3 = Label(window,text-"::—3",relief-"raised") 
9 lab4 = Label(window,text-"*z4",relief-"raised") 
10 lab5 = Label(window,text-":735",relief-"raised") 
11 lab6 = Label(window,text-"*736",relief-" raised") 
12 lab7 = Label(window,text-"5z57",relief-"raised") 
13 lab8 = Label(window,text=" 标 签 8",relief="raised") 


14  labi.grid(row-0,column-0) 
15  lab2.grid(row-0,column-1) 
16  lab3.grid(row-0,column-2) 
17  lab4.grid(row-0,column-3) 
18  lab5.grid(row-1,column-0) 
19  lab6.grid(row-1,column-1) 
20  lab7.grid(row-1,column-2) 
21  lab8.grid(row-1,column-3) 


23  window.mainloop() 


c. - E 
标签 1| 标签 ?| 标签 3| 标签 4| | 
标签 5 
如 果 发 生 了 标签 2 和 标签 3 的 区 间 是 被 一 个 标签 占用 的 情况 ， 此 时 就 是 使 用 


columnspan 参数 的 场合 。 


程序 实例 ch3_27.py: 重新 设计 ch3_26.py， 将 标签 2 和 标签 3 合并 成 一 个 标签 。 


# ch3 27.py 
from tkinter import * 


window.title("ch3 27") # 窗 
labi 
lab2 
lab4 


Label(window,text-"55;1",relief-"raised") 
Label(window,text-"55352",relief-"raised") 
Label(window,text=" 标 签 4" ,relief="raised") 


1 
2 
3 
4 window = Tk() 
5 
6 
7 
8 
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9  lab5 = Label(window,text=" 标 签 5",relief="raised") 
10 lab6 = Label(window,text=" 标 签 6",relief="raised") 
11 lab7 = Label(window,text 签 7",relief="raised") 
12 lab8 = Label(window,text=" 标 签 8",relief="raised”") 


13 labl.grid(row=0,column=0) 
14 lab2.grid(row=0,column=1,columnspan=2) 
15 lab4.grid(row=0,column=3) 
16  lab5.grid(row-1,column-0) 
17  lab6.grid(row-1,column-1) 
18  lab7.grid(row-1,column-2) 
19  lab8.grid(row-1,column-3) 


21  window.mainloop() 


r.c x | 
标签 1| ”标签 2| ”标签 4 
标签 5| 标 签 6[ 标 签 7| 标 答 8| 


3-3-3 rowspan 参数 


可 以 设 定 控件 在 row 方向 的 合并 数量 ， 程 序 实例 ch3_26.py 中 ， 如 果 发 生 了 标签 2 
和 标签 6 的 区 间 被 一 个 标签 占用 的 情况 ， 此 时 就 是 使 用 rowspan 参数 的 场合 。 


程序 实例 ch3_28.py: 重新 设计 ch3_26.py， 将 标签 2 和 标签 6 合并 成 一 个 标签 。 


# ch3 28.py 
from tkinter import * 


window - Tk() 
window.title("ch3 28") # 窗口 标题 
labi = Label(window,text-"*z251",relief-"raised") 


mvNvOmhmwN 


lab2 = Label(window,text=" 标 签 2", relief="raised") 
lab3 = Label(window,text=" 标 签 3" ,relief="raised") 
9  lab4 = Label(window,text=" 标 签 4",relief="raised") 
10 lab5 = Label(window,text=" 标 签 5",relief="raised") 
11 lab7 = Label(window,text=" ",relief-"raised") 


12 lab8 = Label(window,text-" 55:28" ,relief-"raised") 
13 ]abi.grid(row-0,column-0) 

14  lab2.grid(row-0,column-1,rowspan-2) 

15  lab3.grid(row-0,column-2) 

16  lab4.grid(row-0,column-3) 

17 ]1lab5.grid(row-1,column-0) 

18  lab7.grid(row-1,column-2) 

19  lab8.grid(row-1,column-3) 


21  window.mainloop() 


Python GUI 设计 一 一 tkinter 菜鸟 编程 


请 再 看 一 次 程序 实例 ch3_26.py， 若 是 标签 2、 标 签 3、 标 签 6、 标 签 7 合并 成 一 
个 标签 ， 此 时 需要 同时 设 定 rowspan 和 colspan， 可 参考 下 列 实例 。 


程序 实例 ch3_29.py: 重新 设计 ch3_26.py， 将 标签 2、 标 签 3、 标 签 6 和 标签 7 合并 


成 一 个 标签 。 
1 # ch3 29.py 
2 from tkinter import * 
3 
4 window = Tk() 
5  window.title("ch3 29") # 窗口 标题 
6 labi = Label(window,text=" 标 签 1",relief="raised") 
7  lab2 = Label(window,text=" 标 签 2",relief="raised") 
8  lab4 = Label(window,text=" 标 签 4",relief="raised") 
9  lab5 = Label(window,text=" 标 签 5",relief="raised") 
10 lab8 = Label(window,text=" 标 签 8",relief="raised") 


11 labl.grid(row=0,column=0) 
12 lab2.grid(row=0,column=1,rowspan=2,columnspan=2) 
13 lab4.grid(row=0,column=3) 
14 lab5.grid(row=1,column=0) 
15 lab8.grid(row=1,column=3) 


17 window.mainloop() 


3-3-4 padx 和 pady 参数 


这 两 个 参数 的 用 法 与 3-2-2 节 中 pack 方法 的 padx/pady 参数 相同 ， 下 面 将 直接 以 
程序 实例 讲解 。 


程序 实例 ch3_30.py: 重新 设计 ch3 26.py， 增 加 标签 间 的 间距 。 
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1 # ch3 30.py 

2 from tkinter import * 

3 

4 window = Tk() 

5  window.title("ch3 30") # 窗 

6 labl = Label(window,text=" 行 等 1" ,relief= 

7  lab2 = Label(window,text=" 行 等 2" ,relief="raised") 
8  lab3 = Label(window,text 3" ,relief-"raised") 
9 lab4 = Label(window,text=" 标 签 4",relief="raised") 
10 lab5 = Label(window,text=" 标 签 5",relief="raised") 
11 lab6 = Label(window,text=" 标 签 6",relief="raised") 
12 lab7 = Label(window,text=" 标 签 7",relief="raised") 
13 lab8 = Label(window,text=" 标 签 8",relief="raised") 


14  labi.grid(row-0,column-0,padx-5, pady-5) 
15  lab2.grid(row-0,column-1,padx-5,pady-5) 
16  lab3.grid(row-0,column-2,padx-5,pady-5) 
17  lab4.grid(row-0,column-3,padx-5,pady-5) 
18  lab5.grid(row-1,column-0,padx-5) 
19  lab6.grid(row-1,column-1,padx-5) 
20  lab7.grid(row-1,column-2,padx-5) 
21  lab8.grid(row-1,column-3,padx-5) 


23  window.mainloop() 
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3-3-5 sticky 参数 


这 个 参数 的 功能 类 似 anchor， 但 是 只 可 以 设 定 N/S/W/E， 即 上 /下 / 左 / 右 对 齐 。 
原则 上 相同 column 的 Widget 控件 ， 如 果 宽 度 不 同时 ，grid 方法 会 保留 最 宽 的 控件 当 
作 基 准 ， 这 时 比较 短 的 控件 会 居中 对 齐 ， 可 参考 下 列 实例 。 


程序 实例 ch3_31.py: 观察 相同 column 中 的 Widget 控件 宽度 不 同时 ， 控 件 内 容 会 居 
中 对 齐 。 


# ch3 31.py 
from tkinter import * 


window = Tk() 

window.title("ch3 31") # BID 
labi = Label(window, text=" 明 志 工 专 ") 

lab2 = Label(window,bg-"yellow" ,width-20) 


"gus WNE 
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8 lab3 = Label(window,text=" 明 志 科 技 太 学") 
9  lab4 = Label(window,bg="aqua" ,width=20) 
10  labi.grid(row-0,column-0,padx-5,pady-5) 
11 lab2.grid(row-0,column-1,padx-5,pady-5) 
12 lab3.grid(row-1,column-0,padx-5) 
13 ]ab4.grid(row-1,column-1,padx-5) 


15  window.mainloop() 


居中 对 齐 


' | em - oNNI 


从 上 图 可 以 看 到 “明志 工 专 ” 标签 是 居中 对 齐 。 
程序 实例 ch3_32.py: 重新 设计 ch3 31.py， 设 置 “ 明 志 工 专 ” 标签 靠 左 对 齐 。 


10  labi.grid(row-0,column-0,padx-5,pady-5,sticky-W) 


Li ch3 32 - n EE 
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ssec NENNEN 


stieky 参数 的 可 能 值 N/S/W/E 也 可 以 组 合 使 用 。 

sticky-N-S: 可 以 拉 长 高 度 让 控件 在 顶端 和 底 端 对 齐 。 

sticky=W+E: 可 以 拉 长 宽度 让 控件 在 左边 和 右边 对 齐 。 

sticky=N+S+E: 可 以 拉 长 高 度 让 控件 在 顶端 和 底 端 对 齐 ， 同 时 切 齐 右边 。 
sticky=N+S+W: 可 以 拉 长 高 度 让 控件 在 顶端 和 底 端 对 齐 ， 同 时 切 齐 左边 。 
sticky=N+S+W+E: 可 以 拉 长 高 度 让 控件 在 顶端 和 底 端 对 齐 ， 同 时 切 齐 左右 边 。 
在 讲解 上 述 实例 应 用 前 ， 先 修改 ch3_31.py 程序 ， 并 观察 执行 结果 。 


程序 实例 ch3_33.py: 重新 设计 ch3 31.py， 主 要 是 使 用 relief-"raised" 参数 增加 标签 
的 外 观 。 
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6 labi = Label(window,text=" 明 志 工 专 ", relief="raised") 
7  lab2 = Label(window,bg-"yellow" width-20) 
8  lab3 = Label(windou,text- BRE EHE CE" ,relief-"raised") 


上 述 程序 的 目的 主要 是 了 解 标签 的 宽度 。 


程序 实例 ch3_34.py: 使 用 sticky=W+E 参数 ， 重 新 设计 ch3_33.py， 这 个 程序 主要 是 
要 观察 “明志 工 专 ” 标 签 被 拉 长 后 的 结果 。 


10  labi.grid(row-0,column-0,padx-5,pady-5, sticky-W«E) 


rj ch3 34 一 口 


were | NN 
umm] 


3-3-6 grid 方法 的 应 用 


程序 实例 ch3_35.py: 使 用 grid 方法 建立 色彩 标签 的 应 用 。 


1 # ch3 35.py 

2 from tkinter import * 

3 

4 root - Tk() 

5  root.title("ch3 35") # BID 

6 Colors = ["red","orange","yellow","green","blue","purple"] 

7 

8 r=0 # row 编 号 

9 for color in Colors: 

10 Label(root,text-color,relief-"groove",width-20).grid(row-r,column-0) 
11 Label(root,bg-color,relief-"ridge",width-20).grid(row-r,column-1) 
12 r+=1 


14  root.mainloop() 
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3-3-7 rowconfigure( ) 和 columnconfigure( ) 


在 设计 Widget 控件 的 布局 时 ， 有 时 候 会 碰 上 窗口 缩放 大 小 ， 此 时 可 以 使 用 这 两 个 
方法 设 定 第 几 个 row 或 column 的 缩放 比例 。 例 如 : 


rowconfigure (0, weight-1) * row 0 的 控件 当 窗口 改变 大 小 时 缩放 比 是 1 
columnconfigure(0, weight-1) # column 0 的 控件 当 窗 口 改 变 大 小 时 缩放 比 是 1 


程序 实例 ch3. 35. 1.py: 认识 rowconfigure( ). columnfigure( ) 5 sticky 参数 的 用 法 ， 
此 处 不 使 用 sticky 参数 。 
# ch3 35 1.py 


from tkinter import * 


root = Tk() 
root.title("ch3 35 1") 


root.rowconfigure(1, weight-1) 
root.columnconfigure(0, weight-1) 


ce -x0uBuNmHÁÍ 


10 labi - Label(root,text-"Label 1",bg-"pink") 
11 labi.grid(row-0,column-0,padx-5, pady-5) 


13 lab2 = Label(root,text-"Label 2",bg-"lightblue") 
14  lab2.grid(row-0,column-1,padx-5,pady-5) 


16 lab3 = Label(root,bg-"yellow") 
17  lab3.grid(row-1,column-0,columnspan-2,padx-5,pady-5) 


19  root.mainloop() 


:FE 于 下 列 右 图 是 放大 窗口 后 的 结果 。 
| 1 ch 351 - c NEN 


x 
Labeli — Label2 Label 1 
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ch3_35_1.py 中 特别 使 用 底 色 表达 各 个 标签 所 占据 的 空间 ， 读 者 可 以 看 到 在 没有 使 
用 sticky 参数 的 情况 下 ， 各 个 控件 所 占据 的 空间 。 


程序 实例 ch3_35_2.py: 增加 设计 labl 的 sticky=W， 让 其 可 以 切 齐 左边 。 同 时 让 下 
方 的 标签 可 以 对 齐 上 、 下 、 左 、 右 边 。 


# ch3 35 2.py 
from tkinter import * 


root.title("ch3 35 2") 


root.rowconfigure(1, weight-1) 


1 
2 
3 
4 root - Tk() 
5 
6 
7 
8  root.columnconfigure(0, weight-1) 


10 labl = Label(root,text-"Label 1",bg-"pink") 
11 J]labi.grid(row-0,column-0,padx-5, pady-5, stick-W) 


13 lab2 = Label(root,text-"Label 2",bg-"lightblue") 
14  lab2.grid(row-0,column-1,padx-5,pady-5) 


16  lab3 - Label(root,bg-"yellow") 


17  lab3.grid(row-1,column-0,columnspan-2,padx-5,pady-5, 
18 sticky=N+S+W+E) 


20  root.mainloop() 


1 c - cl 1 ch3352 - OEN 
lbi baa Label 1 abel 2 


通过 上 述 执行 结果 可 以 得 知 下 方 的 标签 控件 可 以 随 着 窗口 大 小 更 改 ， 主 要 是 第 18 
行 设置 “sticky=N+S+W+E” 的 结果 。 至 于 第 11 行 设置 “sticky=W”， 会 让 labl 控件 向 
左 对 齐 。 


程序 实例 ch3_35_3.py: 修改 实例 ch3 35 2.py 让 labl 控件 可 以 左右 切 齐 ， 同 时 放大 
窗口 时 有 扩展 效果 。 


11 lab1.grid(row=0,column=0,padx=5,pady=5,stick=W+E) 
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(IE f c3355 - OEN 
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EE place 方法 


这 是 使 用 直接 指定 方式 将 Widget 控件 放 在 容器 ( 可 想 成 窗口 ) 中 的 方法 。 这 个 方 
法 的 语法 格式 如 下 。 


Place(options，… ) 


options 参数 可 以 是 height/width. relx/rely. x/y. relheight/relwidth, bordermode. 
anchor。 下 面 将 分 小 节 一 一 说 明 。 


3-4-1 xly 参数 


place( ) 方法 内 的 x 和 y 参 数 可 直接 设 定 窗口 组 件 的 左上 方位 置 ， 单 位 是 像素 。 
窗口 显示 区 的 左上 角 是 (x=0,y=0)，x 是 向 右 递增 ，y 是 向 下 递增 。 同 时 使 用 这 种 方法 
时 ， 窗 口 将 不 会 自动 重 设 大 小 而 是 使 用 默认 的 大 小 显示 ， 可 参考 ch3_36.py 的 执行 结 
果 。 


程序 实例 ch3_36.py: 使 用 place( ) 方法 直接 设 定 标签 的 位 置 ， 重 新 设计 ch3_2.py。 


1 # ch3 36.py 

2 from tkinter import * 

E] 

4 window - Tk() 

5  window.title("ch3 36") # 窗口 标题 

6 labl = Label(window,text=" 了 明志 科技 大 学 ” 

7 bg-"lightyellow", # 标签 背景 

8 width=15) E 

9 lab2 = Label(window,text-" JC Bg X 55", 

10 bg-"lightgreen", * 标签 背景 是 浅 绿色 
11 width=15) 5 标签 宽度 是 15 


12 lab3 = Label(window,text= "长 庚 科 技 大 学 "， 
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13 bg-"lightblue", ## 
14 width=15) # 
15 labl.place(x=0,y=0) # 
16 lab2.place(x=30,y=50) t 直接 定位 
17 lab3.place(x=60,y=100) # 直接 定位 
18 
19  window.mainloop() 
执行 结果 
f h3.. — 口 
=0,y=0 一 
明志 科技 大 学 
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3-4-2 width/height 参数 


有 时 候 在 设计 窗口 应 用 程序 时 ， 所 预 留 的 空间 有 限 ， 如 果 想 要 将 图 片 插入 窗口 
内 ， 却 担心 图 片 太 大 ， 可 以 在 插入 图 片 时 同时 设 定 图 片 的 大 小 ， 此 时 可 以 使 用 width/ 
height 参数 ， 这 两 个 参数 可 以 直接 设 定 Widget 控件 的 实体 大 小 。 


程序 实例 ch3_37.py: 在 窗口 内 直接 设置 图 片 控 件 的 位 置 与 大 小 。 


# ch3 37.py 
from tkinter import * 


root = Tk() 
root.title("ch3 37") 
root . geometry ("640x480") 


coo ui» wne 


night = PhotoImage(file-"night.png") # 
9  labl = Label(root,image-night) 

10  labi1.place(x-20,y-30,width-200,height-120) 
11 snow = Photolmage(file-"snow.png")  # 图 片 snow. png 
12 lab2 = Label(root,image-snow) 

13  lab2.place(x-200,y-200,width-400,height-240) 


图 片 ni ght. png 


15  root.mainloop() 
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' ch3. 37 -olEd 


3-4-3 relx/rely 参数 与 relwidth/relheight 参数 


relx/rely 可 以 设置 相对 于 父 容器 (可 想 成 父 窗口 ) 的 位 置 ，relwidth/relheight 设置 
相对 大 小 。 这 个 相对 位 置 与 相对 大 小 是 相对 于 父 窗口 而 言 ， 其 值 为 0.0 ~ 1.0。 


程序 实例 ch3_38.py: 将 图 片 night.png 从 相对 位 置 (0.1,0.1) 开始 放置 ， 相 对 大 小 是 


(0.8,0.8)。 

1 s ch3 38.py 

2 from tkinter import * 
3 

4 root - Tk() 

5  root.title("ch3 38") 


6  root.geometry("640x480") 
night - PhotoImage(file-"night.png") 
9  label-Label(root,image-night) 
190 label.place(relx-0.1,rely-0.1,relwidth-0.8,relheight-0.8) 


12  root.mainloop() 
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执行 结果 
f ch3 38 - ola 


在 设计 时 ， 如 果 参 数 的 某 个 相对 大 小 未 设 定 ( 可 能 是 relwidth BE relheight)， 未 设 
置 的 部 分 将 以 实际 大 小 显示 ， 此 时 可 能 需要 放大 窗口 宽度 才 可 以 显示 。 


程序 实例 ch3_39.py: 重新 设计 ch3 38.py， 但 是 不 设置 relwidth 参数 。 
10  label.place(relx-0.1,rely-0.1,relheight-0.8) 


;站 ;车 部 分 右边 图 像 没有 显示 。 
Lj ch3 38 - n EE 
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| 3-5| Widget 控件 位 置 总 结 | 


我 们 使 用 tkinter 模块 设计 GUI 程序 时 ， 虽 然 可 以 使 用 place( ) 方法 很 精确 地 设置 
控件 的 位 置 ， 不 过 笔者 建议 尽量 使 用 pack( ) 和 grid( ) 方法 定位 组 件 ， 因 为 当 窗口 中 组 
件 较 多 时 ， 使 用 place( ) 计算 组 件 位 置 较 不 方便 ， 同 时 若 有 新 增 或 减少 组 件 时 又 须 重 新 
计算 设置 组 件 位 置 ， 这 样 会 比较 不 方便 。 


功能 按钮 Button 


本 章 摘要 

4-1 功能 按钮 基本 概念 

4-2 使 用 Lambda 表达 式 

4-3 ”建立 含 图 像 的 功能 按钮 

4-4 ”简易 计算 器 按钮 布局 的 应 用 

4-5 设计 鼠标 光标 在 功能 按钮 上 的 形状 
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与 程序 间 沟 通 的 桥梁 。 功 能 按钮 上 面 可 以 有 文字 ， 或 是 和 标签 一 样 可 以 有 图 


5 轩 功能 按钮 基本 概念 


功能 按钮 也 可 称 作 按钮 ， 在 窗口 组 件 中 可 以 设计 在 单 击 功能 按钮 时 ， 执 行 某 一 个 
特定 的 动作 ， 这 个 动作 也 称 为 callback 方法 ， 也 就 是 说 我 们 可 以 将 功能 按钮 当 作用 户 


是 文字 样式 的 功能 按钮 ， 可 以 设 定 此 文字 的 字形 。 


Hl 


它 的 语法 格式 如 下 。 


Button( 父 对 象 ，options，… ) 


Button( ) 方法 的 第 一 个 参数 是 父 对 象 ， 表 示 这 个 功能 按钮 将 建立 在 哪 一 个 窗 
。 下 列 是 Button( ) 方法 内 其 他 常用 的 options 参数 。 


(1)borderwidth EÈ bd: 边界 宽度 默认 是 两 个 像素 。 

(2)bg EÈ background: 背景 色彩 。 

(3)command: 单 击 功能 按钮 时 ， 执 行 此 方法 。 

(4)cursor: 当 鼠 标 光标 移 至 按钮 上 时 的 形状 。 

(5)fg 或 foreground: 前 景色 彩 。 

(6)font: 字形 。 

(7)height: 高 ， 单 位 是 字符 高 。 

(S)highlightbackground: 当 功 能 按钮 取得 焦点 时 的 背景 颜色 。 
(9)highlightcolor: 当 功 能 按钮 取得 焦点 时 的 颜色 。 
(10)image: 功能 钮 上 的 图 像 。 

(11)justify: 当 有 多 行文 字 时 ， 最 后 一 行文 字 的 对 齐 方式 。 
(12)padx: 默认 是 1， 可 设置 功能 按钮 与 文字 的 间隔 。 
(13)pady: 默认 是 1， 可 设置 功能 按钮 的 上 下 间距 。 
(14)relief: 默认 是 relief-FLAT， 可 由 此 控制 文字 外 框 。 


像 ， 如 果 


LH 


(15)state: 默认 是 statecNORMAL, | Zi i E 73 DISABLED 则 以 灰 阶 显示 功能 按 


表示 暂时 无 法 使 用 。 
(16)text: 功能 按钮 名 称 。 
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(17)underline: 可 以 设置 第 几 个 文字 有 下 画 线 ， 从 0 开始 算 起 ， 默 认 是 -1 表示 
无 下 画 线 。 

(18)width: 宽 ， 单 位 是 字符 宽 。 

(19)wraplength: 限制 每 行 的 文字 数 ， 默 认 是 0， 表 示 只 有 “\n” 才 会 换行 。 


程序 实例 ch4_1.py: 当 单 击 功能 按钮 时 可 以 显示 字符 串 “I love Python ”， 底 色 是 浅黄 
色 ， 字 符 串 颜色 是 蓝 色 。 


# ch4 1.py 
from tkinter import * 


1 

2 

3 

4 def msgShow(): 
5 label["text"] - "I love Python" 
6 label["bg"] - "lightyellow" 

7 label["fg"] = "blue" 

9 root - Tk() 

10 root.title("ch4 1") 

11 label = Label(root) SA 

12 btn = Button(root,text-"jTED;j S" kal ii 
13 label.pack() 

14  btn.pack() 


16  root.mainloop() 


1 - cm 1 - olm 
——R- Ilove Python 
打印 消息 单 击 


上 述 程序 的 运行 方式 是 在 程序 执行 时 第 10 行 建立 了 一 个 不 含 属 性 的 标签 对 象 
label， 第 12 行 建立 一 个 功能 按钮 。 单 击 “ 打 印 消息 ”按钮 时 ， 会 启动 msgShow 函 
数 ， 然 后 此 函数 会 执行 设置 标签 对 象 label 的 内 容 。 过 去 我 们 学 Label 时 ， 一 次 使 用 
Label( ) 方法 设置 所 有 的 属性 ， 以 后 读者 可 以 参考 第 5 一 8 行 的 方式 ， 分 别 设 置 属性 
内 容 。 

我 们 在 2-13 节 有 学 过 config( ) 方法 ， 也 可 以 使 用 该 节 中 的 方法 一 次 设置 所 有 的 
Widget 控件 属性 。 


程序 实例 ch4_2.py: 使 用 config( ) 方法 取代 第 5 一 7 行 ， 重 新 设计 程序 实例 ch4_1.py。 
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# ch4 2.py 
from tkinter import * 


def msgShow(): 
label.config(text-"I love Python",bg-"lightyellow",fg-"blue") 


root - Tk() 
root.title("ch4 2") 
9 label = Label(root) 
10 btn = Button(root,text=" 打印 消息 ”,command= ii T 
11  label.pack() 

12  btn.pack() 


Nmhwh 


14  root.mainloop() 
和 与 ch4 1.py 相同 。 


序 实例 ch4_3.py: 扩充 设计 ch4_2.py， 若 单 击 “ 结 束 ” 按 钮 ， 窗 口 可 以 关闭 。 


# ch4 3.py 
from tkinter import * 


def msgShow(): 
label.config(text-"I love Python",bg-"lightyellow",fg-"blue") 


root - Tk() 
root.title("ch4 3") 
label - Label(root) 
btn1 = Button(root,text-"jTED;H & " ,width= 15, command-msgShow) 
11 btn2 = Button(root,text-"ii:5",width-15,command-root.destroy) 
12 label.pack() 

13  btni.pack(side-LEFT) 

14  btn2.pack(side-LEFT) 


HB 
GooxoOoumBuNsmH git 


16  root.mainloop() 


f ch4 3 - x | f ch4 3 一 口 


Ilove Python 
打印 消息 ix 单 击 打印 消息 结束 


ERE 11 行 的 root.destroy 可 以 关闭 root 窗口 对 象 ， 同 时 程序 结束 。 另 一 个 常用 
的 方法 是 quit， 可 以 让 Python Shell 内 执行 的 程序 结束 ， 但 是 root 窗口 则 继续 执行 ， 后 
面 会 做 实例 说 明 。 


程序 实例 ch4_4.py: 重新 设计 ch2 23.py 定时 器 程序 设计 ， 添 加 “结束 ”按钮 ， 单 击 
“结束 ”按钮 则 程序 执行 结束 。 
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1 # ch4 4.py 

2 from tkinter import * 

3 

4 counter = 6 # 计数 的 全 局 变量 

5 def run counter(digit): # 数字 变量 内 容 的 变动 
6 def counting(): # 变动 数字 方法 

7 global counter 

8 counter += 1 # 定义 这 是 全 局 变量 
9 digit.config(text-str(counter)) # 列 出 数字 内 容 

10 digit.after(1000,counting) # 隔 一 次 后 调用 counting 
11 counting() # 持续 调用 

12 


13 root = Tk() 
14 root.title("ch4 4") 


15 digit-Label(root,bg-"yellow",fg-"blue", # 黄 底 蓝 字 

16 height-3,width-10, it 4810783 

17 font-"Helvetic 20 bold") # 字形 设置 

18 digit.pack() 

19 run counter(digit) # 调用 数字 变动 方法 


20 ”Button(root,text=" 结 束 " ,width=15,command=root.destroy) ,pack(pady=16) 


22  root.mainloop() 


f ch44 - c EMI 1 ch44 - c NEBMI 


执行 过 程 
结束 


程序 实例 ch4_5.py: 在 窗口 右 下 角 有 三 个 按钮 ， 单 击 Yellow 按钮 可 以 将 窗口 背景 设 
为 黄色 ， 单 击 Blue 按钮 可 以 将 窗口 背景 设 为 蓝 色 ， 单 击 Exit 按钮 可 以 结束 程序 。 


# ch4 5.py 
from tkinter import * 


1 

2 

3 

4 def yellow(): # 
5 root.config(bg="yellow") 

6 def blue(): # 
7 root.config(bg="blue") 

8 

9 root = Tk() 

10 root.title("ch4 5") 


11 root.geometry(" 300x200") # 固定 窗口 大 小 

12 # 依次 新 建 1 

13 exitbtn = Button(root,text-"Exit",command-root.destroy) 
14 bluebtn = Button(root,text-"Blue",command-blue) 
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15 yer iountn 
16 € 将 三 
17  exitbtn.pack(anchor-S, side- -RIGHT, padx- 5,pady-5) 
18  bluebtn.pack(anchor-S, side-RIGHT, padx-5, pady-5) 
19  yellowbtn.pack(anchor-S, side-RIGHT, padx-5, pady-5) 


Button(root, text= "Yellow",command-yellow) 


[A 
定位 在 右 ” 


21 root.mainloop() 


f ch4 5 - EE f ch4 5 -a 


[EE 


使 用 Lambda 表达 式 


在 ch4 5.py 设计 过 程 中 ，Yellow 按钮 和 Blue 按钮 执行 相同 的 工作 ， 但 是 所 传递 
的 颜色 参数 不 同 ， 其 实 这 是 使 用 Lambda 表达 式 的 好 时 机 ， 我 们 可 以 通过 Lambda 表达 


式 调用 相同 的 方法 ， 但 是 传递 不 同 参 数 的 方式 简化 设计 。 
程序 实例 ch4. 5. 1.py: 使 用 Lambda 表达 式 重新 设计 ch4_5.py。 


1 # ch4 5 1.py 

2 from tkinter import * 

3 

4 def bColor(bgColor): it 设置 窗 
5 root.config(bg-bgColor) 

6 

y = Tk() LM 

Š [: 


root.title("ch4 5") 

9 root. quati, qi 300x200") 
10 #4 
TU exit ben = Button(root,text-"Exit",command-root.destroy) 

12 bluebtn = Button(root, text="Blue",command=lambda:bColor("blue")) 

13 yellowbtn = Button(root, toa velia" Ora lambda: bC lor yen 
14 d 将 三 个 定位 在 右 下 方 

15 exitbtn. Daa side=RIGHT, padx=5,pady=5) 

16 bluebtn.pack(anchor=S,side=RIGHT,padx=5,pady=5) 

17 yellowbtn.pack(anchor=S,side=RIGHT,padx=5,pady=5) 


19 root.mainloop() 
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与 ch4 5.py 相同 。 


其 实 这 个 概念 可 以 应 用 在 第 6 章 中 设计 计算 器 ， 让 工作 变 得 非常 简捷 。 


建立 含 图 像 的 功能 按钮 


一 般 功 能 按钮 是 用 文字 当 作 按钮 名 称 ， 如 4-2 节 所 示 ， 也 可 以 用 图 像 当 作 按 钮 名 
称 。 若 是 使 用 图 像 当 作 按 钮 ， 在 Button( ) 内 可 以 省 略 text 参数 设置 按钮 名 称 ， 但 是 在 
Button( ) 内 要 增加 image 参数 设置 图 像 对 象 。 


程序 实例 ch4_6.py: 重新 设计 ch4_2.py， 使 用 sun.gif 图 像 取 代 “ 打 印 消息 ”按钮 。 
1 # ch4 6.py 

2 from tkinter import * 

3 

4 def msgShow(): 

5 label.config(text-"I love Python",bg-"lightyellow",fg-"blue") 
6 

7 root - Tk() 

8 root.title("ch4 6") EA 

9 label = Label(root) # 标 冬 

10 

11 sunGif = PhotoImage(file-"sun.gif") # Image 图 个 
12 btn = Button(root,image=sunGif,command=msgShow) + 含 图 像 的 按 和 


13 label.pack() 
14  btn.pack() 


16 root.mainloop() 


TEL) TEL) 


Ilove Python 
E. 


在 设计 功能 按钮 时 ， 若 是 想 要 让 图 像 和 文字 并 存在 功能 按钮 内 ， 需 要 在 Button( ) 
内 增加 参数 “compund=xx”。 其 中 ,xx 可 以 是 LEFT、TOP、RIGHT、BOTTOM、 
CENTER， 分 别 代表 图 形 在 文字 的 左 、 上 、 右 、 下 、 中 央 。 


程序 实例 ch4_7.py: 重新 设计 ch4 6.py， 将 sun.gif 图 像 放 在 文字 Click Me 的 上 方 。 


12 btn = Button(root, image=sunGif, command=msgShow, # 民 字 与 图 像 的 按钮 
13 text-"Click Me",compound-TOP) 
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1c- EE 


a 


程序 实例 ch4_8.py: TEUIBETZEILPTYE Co 55 ELE SEE 


12 btn = Button(root,image-sunGif,command-msgShow, # 合 文 字 与 图 像 的 按钮 
13 text-"Click Me",compound-CENTER) 
执行 结果 


1 - x | 


程序 实例 ch4_9.py: 在 功能 按钮 内 将 图 像 放 在 文字 左边 。 


12 btn = Button(root,image=sunGif,command=msgShow, # 含 文字 与 图 像 的 按 和 
13 text-"Click Me",compound-LEFT) 


(- olm 
p 


4-4 简易 计算 器 按钮 布局 的 应 用 


程序 实例 ch4_10.py: 简易 计算 器 按钮 布局 的 应 用 ， 最 上 方 黄色 底 是 用 标签 显示 ， 这 
一 般 也 是 数字 显示 区 。 

# ch4 10.py 

from tkinter import * 


root - Tk() 


1 
24 
3 
4 
5  root.title("ch4 10") # BID 


Label(root,text-"",bg-"yellow",width-20) 


Button(root,text-"7" ,width=3) 
Button(root,text-"8" ,width=3) 
Button(root,text-"9",width-3) 
Button(root,text-"*" ,width=3) 
Button(root,text-"4" ,width=3) 
Button(root,text-"5" ,width=3) 
Button(root,text-"6" ,width=3) 
Button(root,text-"-",width-3) 
Button(root,text-"1",width-3) 
Button(root,text-"2" ,width=3) 
Button(root,text-"3" ,width=3) 
Button(root, text="+" ,width=3) 
Button(root, text="0" ,width=8) 
Button(root,text-".",width-3) 
Button(root,text-"-",width-3) 


6 lab 
7  btn7 
8 btng 
9  btn9 
10  btnM 
11 btn4 
12 btn5 
13  btn6 
14  btnS 
15 btnl 
16 btn2 
17 btn3 
18  btnP 
19  btnO 
20  btnD 
21  btnE 
22 
23 
24 
25 
26 
27 
28 
29 
30 
AT 
32 
33 
34 
35 
36 
37 
38 
39 
40 


lab.grid(row=0,column=0,columnspan=4) 


btn7.grid(row-1,column-0,padx-5) 
btn8.grid(row-1,column-1,padx-5) 
btn9.grid(row-1,column-2,padx-5) 
btnM.grid(row-1,column-3,padx-5) 
btn4.grid(row-2,column-0,padx-5) 
btn5.grid(row-2,column-1,padx-5) 
btn6.grid(row-2,column-2,padx-5) 
btnS.grid(row-2,column-3,padx-5) 
btni.grid(row-3,column-0,padx-5) 
btn2.grid(row-3,column-1,padx-5) 
btn3.grid(row-3,column-2,padx-5) 
btnP.grid(row-3,column-3,padx-5) 


btnO.grid(row-4,column-0,padx-5, columnspan-2) 


btnD.grid(row-4,column-2,padx-5) 
btnE.grid(row-4,column-3,padx-5) 


root.mainloop() 
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E: 


减法 符号 


加 法 符号 


小 数 点 符号 


村 与 付 与 


加 法 符号 


小 数 点 符号 
等 号 符号 
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设计 鼠标 光标 在 功能 按钮 上 的 形状 


在 2-14 节 已 经 说 明了 鼠标 光标 在 标签 上 的 形状 了 ， 并 且 在 1-6 节 有 说 过 这 是 常用 
属性 ， 所 以 也 可 以 将 此 观念 应 用 于 功能 按钮 ， 它 的 用 法 与 2-14 节 程 序 实例 ch2_24.py 
相同 ， 下 面 将 直接 以 实例 讲解 。 


程序 实例 ch4_11.py: 扩充 设计 ch4_6.py， 当 鼠标 光标 在 功能 按钮 上 时 形状 是 staro 


# ch4 11.py 
from tkinter import * 


4 

2 

3 

4 def msgShow(): 
5 label.config(text-"I love Python",bg-"lightyellow",fg-"blue") 
6 

7 

8 


root - Tk() 

root.title("ch4 11") # 窗口 标题 
9 label = Label(root) # 标签 内 容 
10 
11 sunGif = PhotoImage(file-"sun.gif") # Image [tf 
12 btn = Button(root,image-sunGif,command-msgShow, # 含 图 像 的 按 钙 
13 cursor-"star") # star 形 状 


14 label.pack() 
15 btn.pack() 


17 root.mainloop() 
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文本 框 Entry 基本 概念 

使 用 show 参数 隐藏 输入 的 字符 
Entry 的 get( ) 方法 

Entry 89 insert( ) 方法 

Entry 的 delete( ) 方法 
计算 数学 表达 式 使 用 eval( ) 
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EZN 文本 框 Entry 的 基本 概念 | 


所 谓 的 文本 框 Entry， 通 常 是 指 单行 的 文本 框 ， 在 GUI 程序 设计 中 这 是 用 于 输入 
的 最 基本 Widget 控件 ， 我 们 可 以 使 用 它 输入 单行 字符 串 ， 如 果 所 输入 的 字符 串 长 度 
大 于 文本 框 的 宽度 ， 所 输入 的 文字 会 自动 隐藏 造成 部 分 内 容 无 法 显示 。 碰 到 这 种 状况 
时 ， 可 以 使 用 箭头 键 移动 鼠标 光标 到 看 不 到 的 区 域 。 需 留意 的 是 文本 框 Entry 限定 是 
单行 文字 ， 如 果 想 要 处 理 多 行文 字 需 使 用 Widget 控件 中 的 Text， 本 书 将 在 第 17 章节 
解 。 它 的 使 用 格式 如 下 。 

Entry( HR, ，options，… ) 

Entry( ) 方法 的 第 一 个 参数 是 父 对 象 ， 表 示 这 个 文本 框 将 建立 在 哪 一 个 窗口 内 。 下 
面 是 Entry( ) 方法 内 其 他 常用 的 options 参数 。 

(l)bg 或 background: 背景 色彩 。 

(2)borderwidth 或 bd: 边界 宽度 默认 是 2 像素 。 

(3)command: 当 用 户 更 改 内 容 时 ， 会 自动 执行 此 函数 。 

(4)cursor: 当 鼠 标 光 标 在 复 选 框 上 时 的 光标 形状 。 

(5)exportselection: 如 果 执 行 选取 时 ， 所 选取 的 字符 串 会 自动 输出 至 剪贴 板 ， 如 果 
想 要 避免 ， 可 以 设置 exportselection=0。 

(6)fg 或 foreground: 前 景色 彩 。 

(7)font: 字形 。 

(S)height: 高 ， 单 位 是 字符 高 。 


(10)highlightcolor: 当 文 本 框 取得 焦点 时 的 颜色 。 

(1lD)justify: 当 含 多 行文 字 时 ， 最 后 一 行 的 对 齐 方式 。 

(12)relief: 默认 是 relief=FLAT， 可 由 此 控制 文字 外 框 。 

(13)selectbackground: 被 选取 字符 串 的 背景 色彩 。 

(14)selectborderwidth: 选取 字符 串 时 的 边界 宽度 ， 预 设 是 1。 
(15)selectfroeground: 被 选取 字符 串 的 前 景色 彩 。 

(16)show: 显示 输入 字符 ， 例 如 ，show="*' 表示 显示 星 号 ， 常 用 于 输入 密码 字段 。 
(17)state: 输入 状态 ， 默 认 是 NORMAL 表示 可 以 输入 ，DISABLE 则 表示 无 法 输入 。 
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(18)textvariable: 文字 变量 。 
(19)width: 宽 ， 单 位 是 字符 宽 。 
(20)xscrollcommand: 在 x 轴 使 用 滚动 条 。 


程序 实例 ch5_1.py: 在 窗口 内 建立 标签 和 文本 框 ， 输 入 姓名 与 地 址 。 


1 # ch5 1.py 

2 from tkinter import * 

3 

4 root = Tk() 

5 root.title("ch5_1") # 窗口 标题 

6 

7 namel = Label(root,text-"Name ") it name 标签 

8  nameL.grid(row-0) 

9  addressL = Label(root,text-" Address")  # address 标 签 
ð  addressL.grid(row-1) 


1 

2 nameE = Entry(root) # name 文 本 框 

3 addressE = Entry(root) # address 文 本 框 

4  nameE.grid(row-0,column-1) # 定位 name X RAE 

5  addressE.grid(row-1,column-1) # 定位 address 文 本 框 


7  root.mainloop() 


1 c: - c EDI ( cs: - cC EBMI 
Name H Name jf 
Address Address 北京 


上 述 第 8 行 设置 grid(row=0)， 在 没有 设置 “column=x” 的 情况 下 ， 系 统 将 自动 设 


置 “column=0”， 第 10 行 的 作用 相同 。 


| 5-2 | 使 用 show 参数 隐藏 输入 的 字符 


H 


程序 实例 ch5. 2.py: 将 ch5 l.py 改 成 输入 账号 和 密码 ， 当 输入 密码 时 所 输入 的 字符 将 
隐藏 并 用 “*” 字 符 显示 。 


其 实 Entry 控件 具有 可 以 使 用 show 参数 设置 隐藏 输入 字符 的 特性 ， 所 以 也 常 被 应 
有 于 密码 的 输入 控制 。 
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c ou» uN HP 


it ch5 2.py 

from tkinter import * 

root - Tk() 

root.title("ch5 2") # 窗口 标题 
accountL = Label(root,text-"Account")  # account 标 签 
accountL.grid(row-0) 

pwdL - Label(root,text-"Password") # pwd 标 签 


pwdL.grid(row-1) 


accountE = Entry(root) # account X JE 
pwdE - Entry(root,show-"*") # pwd 文 本 框 
accountE.grid(row=0,column=1) # 定位 account 文 本 框 
pwdE.grid(row=1,column=1) # 定位 pwd 文 本 框 


root.mainloop() 


1 o2 - oEBMI 1 n2 - oEBMI 
Account Account deepstone 


Password Password ****kek 


程序 实例 ch5. 3.py: 建立 一 个 公司 网 页 登录 界面 。 


1 
2 
3 
4 
5 
6 
Z 
8 
9 
10 
11 
12 
13 
14 
15 
16 
17 
18 
19 
20 
21 


# ch5 3.py 

from tkinter import * 

root - Tk() 

root.title("ch5 3") # 窗口 标题 


msg = “欢迎 进入 Silicon Stone Educaiton 系 统 ” 

sseGif = PhotolImage(file-"sse.gif") # Logo 图 像 文 件 
logo = Label(root,image-sseGif,text-msg,compound-BOTTOM) 
accountL = Label(root,text-"Account")  # account 标 签 
accountL.grid(row-1) 

pwdL = Label(root,text-"Password") # pwd 标 签 
pwdL.grid(row-2) 


logo.grid(row-0,column-0, columnspan-2,pady-10, padx-10) 
accountE - Entry(root) account 文 本 框 
pwdE = Entry(root,show-"*") # pwd 文 本 框 
accountE.grid(row=1,column=1) # 定位 account 文 本 框 
pwdE . grid(row-2,column-1,pady-10) # 定位 pwd 文 本 框 


+ 


root.mainloop() 
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执行 结果 | 
í ch5_3 -oKN f chs3 -oKW 


欢迎 进入 Silicon Stone Educaiton € 5: 欢迎 进入 Silicon Stone Educaiton $ 5: 
m) (un) 
~- - -— - 
LE brest LE D 
Account Account  deepstone 
Password Password |*****«ee| 


Entry 的 get( ) 方法 
Entry 有 一 个 get( ) 方 法， 可 以 利用 这 个 方法 获得 目前 Entry 的 字符 串 内 容 。 


Widget 控件 有 一 个 常用 方法 Quit， 执 行 此 方法 时 Python Shell 窗口 的 程序 将 结束 ， 但 
是 此 窗口 应 用 程序 继续 运行 。 


程序 实例 ch5_4.py: 扩充 设计 ch5_3.py， 增 加 Login 和 Quit 功能 按钮 。 如 果 单 击 Login 功 
能 按钮 ， 在 Python Shell 中 将 列 出 所 输入 的 Account 和 Password ; 若是 单 击 Quit 按钮 ， 则 
Python Shell 窗口 中 的 ch5_4.py 执行 结束 ， 但 是 屏幕 上 仍 可 以 看 到 此 ch5 4 窗口 在 执行 。 


1 # ch5 4.py 

2 from tkinter import * 

3 def printInfo(): # 打印 输入 信息 

4 print("Account: %s\nPassword: Xs" X (accountE.get(),pwdE.get())) 
5 

6 root - Tk() 

7 root.title("ch5 4") # 窗口 标题 

8 


9 msg =“ 欢 迎 进 入 Silicon Stone Educaiton 系 统 ” 

10 sseGif = PhotoImage(file="sse.gif") # Logo 图 像 文 件 
11 logo = Label(root,image-sseGif,text-msg,compound-BOTTOM) 
12 accountL = Label(root,text-"Account") # account 标 签 

13  accountL.grid(row-1) 


14 pwdL = Label(root,text-"Password") # pwd 标 签 

15  pwdL.grid(row-2) 

16 

17  logo.grid(row-0,column-0,columnspan-2,pady-10, padx-10) 
18  accountE = Entry(root) # account 文 本 框 


19  pwdE = Entry(root,show-"*") # pwd 文 本 框 
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20  accountE.grid(row-1,column-1) 

21  pwdE.grid(row-2,column-1,pady-10) 
22 # 以 下 建立 Login 和 Quit 

23 loginbtn = Button(root,text-"Login",command-printInfo) 
24  loginbtn.grid(row-3,column-0) 

25  quitbtn - Button(root,text-"Quit",command-root.quit) 
26  quitbtn.grid(row-3,column-1) 


H H 


定位 pwd 文 本 框 


28  root.mainloop() 


1 wa -OEE 1 nwa -OE 


E 2 B E a 
EO — 
C andato C ce pastor 
Account Account  deepstone 
Password Password **** 


下 面 是 先 单 击 Login 按钮 ， 再 按 Quit 按钮 ， 在 Python Shell 窗口 中 的 执行 结果 。 
= 
Account: deepstone 


Password: deepstone 
>>> 


从 上 述 执行 结果 可 以 看 到 ，Login 按钮 和 Quit 按钮 并 没有 对 齐 上 方 的 标签 和 文本 框 ， 
我 们 可 以 在 grid( ) 方法 内 增加 sticky 参数 ， 同 时 将 此 参数 设 为 W， 即 可 靠 左 对 齐 字段 。 


程序 实例 ch5_5.py: 使 用 sticky=W 参数 和 pady=5 参数 ， 重 新 设计 ch5_4.py。 


1 # ch5 5.py 

2 from tkinter import * 

3 def printInfo(): # 打印 输入 信息 

4 print("Account: %s\nPassword: %s" % (accountE.get(),pwdE.get())) 
5 


6 root = Tk() 


7  root.title("ch5 5") t 

8 

9 msg =“ 欢迎 进入 Silicon Stone Educaiton 系 统 ” 

10  sseGif = PhotoImage(file-"sse.gif") # Log Sont 


11 logo = Label(root,image-sseGif,text-msg,compound-BOTTOM) 
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12 accountL = Label(root,text-"Account") # account 标 签 
13  accountL.grid(row-1) 


14 pwdL = Label(root,text-" Password") # pwd 标 签 

15 pwdL.grid(row=2) 

16 

17  logo.grid(row-0, column-0,columnspan-2,pady-10, padx-10) 

18 accountE = Entry(root) # account 文 本 框 

19 pwdE = Entry(root,show-"*") # pwd 文 本 框 

20  accountE.grid(row-1,column-1) # 定位 account 文 本 框 
21  pwdE.grid(row-2,column-1,pady-10) # 定位 pwd 文 本 框 


22 # 以 下 建立 Login 和 Quit 

23  loginbtn = Button(root,text-"Login",command-printInfo) 
24  loginbtn.grid(row-3,column-0,sticky-W,pady-5) 

25  quitbtn - Button(root,text-"Quit",command-root.quit) 
26  quitbtn.grid(row-3,column-1,sticky-MW,pady-5) 


28  root.mainloop() 


对 齐 column1 
对 齐 column0 


1 ws č -OEN 


欢迎 进入 Sjlicon Stone Educaiton 系 统 


Account 


Password 


Login Quit 


Entry 的 insert( ) 方法 


在 设计 GUI 程序 时 ， 常 常 需要 在 建立 Entry 的 文本 框 内 默认 建立 输入 文字 ， 在 
Widget 的 Entry 控件 中 可 以 使 用 insert(index,s) 方法 插入 字符 串 ， 其 中 ，s 是 所 插入 的 
字符 串 ， 字 符 串 会 插入 在 index 位 置 。 设 计 程 序 时 可 以 使 用 这 个 方法 为 文本 框 建立 默 
认 的 文字 ， 通 常会 将 它 放 在 Entry( ) 方法 建立 完 文本 框 后 。 


Python GUI 设计 一 一 tkinter 菜 乌 编程 


程序 实例 ch5. 6.py: 扩充 ch5 5.py， 为 程序 的 Account 文本 框 建立 默认 文字 为 “Kevin”， 
J Password 文本 框 建立 默认 文字 为 “pwd”。 相 较 于 ch5 5.py 这 个 程序 增加 第 20 和 21 行 。 


18  accountt = Entry(root) # accounty JE 
19 pwdE = Entry(root,show-"*") # pwd 文 本 框 

20  accountE.insert(0,"Kevin") # Account Ag 
21 pwdE.insert(0,"pwd") # pwd 内 容 


四 ch5 6 -olcdi 


E Stone Educaiton& £t 


iix 


C ie: dt 


Account [Kevin 


Password |*** 


Entry 的 delete( ) 方法 


在 tkinter 模块 的 应 用 中 可 以 使 用 delete(first.last2None) 方法 删除 Entry 内 的 从 第 
first 字符 到 第 last-1 字符 间 的 字符 串 ， 如 果 要 删除 整个 字符 串 可 以 使 用 delete(0,END)。 


程序 实例 ch5_7.py: 扩充 程序 实例 ch5 6.py， 当 单 击 Login 按钮 后 ， 清 空 文本 框 
Entry 中 的 内 容 。 


1 # ch5 7.py 

2 from tkinter import * 

3 def printInfo(): # 打印 输入 信息 

4 print("Account: %s\npassword: Xs" % (accountE.get(),pwdE.get())) 
5 accountE.delete(0,END) # 删除 account 文 本 框 的 账号 内 容 
6 pwdE.delete(0,END) # 删除 pwd 文 本 框 的 密码 内 容 

7 

8 root = Tk() 

9 root.title("ch5 7") it El 

10 

11 msg = "XuflitASilicon Stone Educaiton 系 统 " 

12 sseGif = PhotoImage(file-"sse.gif") # Logo 图 像 文件 


13 logo = Label(root,image-sseGif,text-msg,compound-BOTTOM) 
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14  accountL = Label(root,text-" Account")  # account? 
15  accountL.grid(row-1) 


16 pwdL = Label(root,text-"Password") # pwd 标 等 

17  pwdL.grid(row-2) 

18 

19 logo.grid(row=0,column=0,columnspan=2,pady=10,padx=10) 
20  accountE = Entry(root) # account 文 本 框 


21  pwdE = Entry(root,show-"*") # pwd 文 本 框 
22  accountE.insert(1, Kevin") it Account 内 容 
23  pwdE.insert(1,"pwd") # pwd 内 容 

24  accountE.grid(row-1,column-1) # 定位 account 文 本 框 
25  pwdE.grid(row-2,column-1,pady-10) # 定位 pwd 文 本 框 

26 # 以 下 建立 Login 和 Quit 

27 loginbtn = Button(root,text-"Login",command-printInfo) 

28  loginbtn.grid(row-3,column-0, sticky-W, pady-5) 

29  quitbtn = Button(root,text-"Quit",command-root.quit) 

30  quitbtn.grid(row-3,column-1,sticky-W,pady-5) 


32  root.mainloop() 


/ os; -cNBM 1 ws; -OEN Account: Kevin 


lord: pw 
E ou Stone Educaiton P, 2 Stone Educaiton ii Password: pwd 


ZOS o EDA mee 
(n) 
Account Kevin Account 
Password *** Password 
Lc seg] Qu 
AERE 


| 5-6 计 算数 学 表达 式 使 用 eval( ) 


Python 内 有 一 个 非常 好 用 的 计算 数学 表达 式 的 函数 eval， 该 函数 可 以 
数学 表达 式 的 计算 结果 。 它 的 语法 格式 如 下 。 


result = eval (expression) # expression 是 字符 串 


上 述 计算 结果 也 是 用 字符 串 传 


接 传 回 此 


Iz] 
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程序 实例 ch5_8.py: 输入 数学 表达 式 ， 本 程序 会 传 回执 行 结果 。 


it ch5 8.py 
from tkinter import * 


expression = input(" 请 输入 数学 表达 式 :") 
print(" 结 果 是 : ", eval(expression)) 


执行 结果 
RESTART: D:\PythonGUI\ch5\ch5_8.py 


请 输入 数学 表达 式 :9*1048 
结果 是 : 98 
>>> 


TÉ Y eval( ) 函数 的 用 法 后 ， 可 以 将 上 述 程序 改 为 GUI 设计 。 
程序 实例 ch5_9.py: 在 Entry 内 输入 数学 表达 式 ， 本 程序 会 列 出 结果 。 


wm 上 wh 哺 


1 # ch5 9.py 

2 from tkinter import * 

3 def cal(): # 执行 数学 式 计 算 

4 out.configure(text = "结果 : " + str(eval(equ.get()))) 
5 

6 root - kO 

7  root.title("ch5 9") 

8 label = Label(root，text=" 请 输入 数学 表 尖 式 :") 

9 label.pack() 

10 equ = Entry(root) # 在 此 输入 表 汰 式 

11  equ.pack(pady-5) 

12 out = Label(root) # 存放 计算 结果 

13 out.pack() 

14 btn = Button(root,text=" 计 算 ",command=cal) #“* 计 算 ” 按 钮 
15 btn.pack(pady=5) 

16 


17 root.mainloop() 


r.- cm (rc -EE 1 < - cn 
请 输入 至 学 委 达 式 : 请 输入 数学 表达 式 : 请 输入 数学 表达 式 : 
n S c > | | = 

落果 :86 


| | | 


本 章 摘 要 

变量 类 别 的 基本 概念 

get( ) 与 set( ) 

追踪 trace( ) 使 用 模式 w 

追踪 trace( ) 使 用 模式 r 

trace( ) 方法 调用 的 callback 方法 参数 
计算 器 的 设计 


6=1 
6=2 
6=3 
6-4 
625 
6-6 
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| 6-1 | 变量 类 别 的 基本 概念 


有 些 Widget 控件 在 执行 时 会 更 改 内 容 ， 例 如 ， 文 本 框 (Entry)、 选 项 按钮 
(Radio button) 等 。 有 些 控件 我 们 可 以 更 改 它 们 的 内 容 ， 例 如 ， 标 签 (Label) 等 。 如 
果 想 要 更 改 它 们 的 内 容 可 以 使 用 这 些 控 件 的 参数 ， 例 如 ，textvariable、variable、 


onvalue 等 。 

不 过 要 将 Widget 控件 的 参数 以 变量 方式 处 理 时 ， 需 要 借助 tkinter 模块 内 的 变量 
类 别 (Variable Classes)， 这 个 类 别 有 4 个 子 类 别 ， 每 一 个 类 别 其 实 是 一 个 数据 类 型 的 
构造 方法 ， 我 们 可 以 通过 这 4 个 子 类 别 的 数据 类 型 将 它们 与 Widget 控件 的 相关 参数 


结合 。 
x = IntVar( ) + 整 型 变量 ， 默 认 是 0 
x = DoubleVar( ) # 浮 点 型 变量 ， 默 认 是 0.0 
x = StringVar( ) # 字符 串 变 量 ， 默 认 是 ”” 
x = BooleanVar( ) # 布尔 型 变量 ，True 是 1，False 是 0 


6-2 | get( ) 5 set( ) 


可 以 使 用 get( ) 方法 取得 变量 内 容 ， 使 用 set( ) 方法 设置 变量 内 容 。 


程序 实例 ch6_1.py: set( ) 方法 的 应 用 。 这 个 程序 在 执行 时 若 单 击 Hit 按钮 可 以 显示 
“I like tkinter” 字 符 串 ， 如 果 已 经 显示 此 字符 串 则 改 成 不 显示 此 字符 串 。 这 个 程序 第 
17 行 是 将 标签 内 容 设 为 变量 x， 第 8 行 是 设置 显示 标签 时 的 标签 内 容 ， 第 11 行 则 是 将 
标签 内 容 设 为 空 字符 串 以 不 显示 标签 内 容 。 


# ch6 1.py 
from tkinter import * 


1 
2 
3 
4 def btn hit(): # 处 理 按钮 事件 
5 global msg on # 这 是 全 局 变量 
6 if msg on == False: 

7 msg_on = True 

8 x.set("I like tkinter") # 显示 文字 

9 else: 

10 msg on - False 

11 x.set(o # 不 显示 文字 


13 root = Tk() 
14 root.title("ch6 1") # 窗口 标题 
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15 
16 msg_on = False # 全 局 变量 默认 是 False 
17 x = StringVar() # Label 的 变量 内 容 
18 
19 label = Label(root,textvariable-x, # 设置 Label 内 容 是 变量 X 
20 fg-"blue",bg-"lightyellow",  £& EG 
21 font-"Verdana 16 bold", # 
22 width=25,height=2) id 
23  label.pack() 
24 btn = Button(root,text-"Click Me",command-btn hit) 
25  btn.pack() 
26 
27  root.mainloop() 
执行 结果 
站 ch6 1 - -E 了 ch6 1 - EE 
— I like tkinter 


Click M Click Mg 


在 上 述 实例 中 利用 布尔 值 msg on 变量 判断 是 否 要 显示 “I like tkinter" FHR, 
如 果 msg. on 是 False 表示 目前 没有 显示 “I like tkinter” 字 符 串 ， 如 果 msg on 是 True 
表示 目前 有 显示 “I like tkinter” 字 符 串 。 当 单 击 Click Me 按钮 时 ， 会 更 改 msg_on 状 
态 ， 可 参考 第 7 行 和 第 10 行 。 同 时 也 由 set( ) 方法 更 改 label 对 象 的 参数 textariable 的 
内 容 ， 第 8 行 设置 显示 “I like tkinter” 字 符 串 ， 第 11 行 设置 不 显示 “I like tkinter” 字 
符 串 。 


上 述 程序 尽管 可 以 运行 ， 可 是 并 没有 使 用 本 节 中 另 一 个 方法 get( )， 这 个 方法 可 以 
取得 Widget 控件 某 参数 的 变量 内 容 ， 我 们 将 使 用 下 列 程序 进行 改良 。 


程序 实例 ch6_2.py: 重新 设计 ch6_1.py， 取 消 布 尔 值 msg_on 变量 ， 我 们 可 以 直接 
由 get( ) 方 法 获得 目前 Widget 控件 参数 内 容 ， 然 后 由 此 内 容 判 断 是 否 显 示 “I like 
tkinter” 字 符 串 。 判 断 方式 是 如 果 目 前 是 空 字符 串 则 显示 “I like tkinter”， 如 果 目 前 不 
是 空 字符 串 ， 则 改 成 显示 空 字符 串 。 

# ch6_2.py 


from tkinter import * 


1 

2 

3 

4 def btn hit(): # 处 理 按钮 
5 if x.get() == "": # 

6 x.set("I like tkinter") 
7 else: 

8 x.set("") # 不 显 
9 


村 
" 
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10 root = Tk() 


11 root.title("ch6 2") # 窗口 标题 
12 

13 x = StringVar() # Label 的 内 容 
14 

15 label = Label(root,textvariable-x, 

16 fg-"blue",bg-"lightyellow", 

17 font-"Verdana 16 bold", 

18 width-25,height-2) 


19  label.pack() 
20 btn = Button(root,text-"Click Me",command-btn hit) 
21  btn.pack() 


23  root.mainloop() 


ABEE 与 ch6 1.py 相同 。 


EX 追踪 trace( ) 使 用 模式 w 


了 解 6-2 节 的 变量 设置 后 ， 我 们 可 以 利用 变量 设置 追踪 Widget 控件 ， 当 其 内 容 更 
改 时 ， 让 程序 执行 callback 函数 。 


程序 实例 ch6_3.py: 设计 当 Widget 控件 Entry 内 容 改变 时 在 Python Shell 窗口 中 输出 
“Entry content changed! ". 


1 # ch6 3.py 

2 from tkinter import * 

3 

4 def callback(*args): 

5 print("data changed : ",xE.get())  # Python Shellgi[1ién 
6 

7 root - Tk() 

8 root.title("ch6 3") # BIER 

9 

10 xE = StringVar() # Entry Emna 

11 entry = Entry(root,textvariable=xE) # 设置 Labe1 内 容 是 变量 x 
12 entry.pack(pady=5,padx=10) 

13 xE.trace("w",callback) # 若是 有 更 改 执行 callback 


15  root.mainloop() 
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当 看 到 上 述 窗口 输出 时 ， 同 时 可 以 在 Python Shell 窗口 中 同步 看 到 下 列 输出 。 
RESTART: D:\PythonGUI\Vch6\ch6_3.py 
data changed : t 
data changed : tk 
data changed : tki 
data changed : tkin 
data changed : tkint 
data changed : tkinte 
data changed : tkinter 


| 
上 述 程序 的 重点 是 第 13 行 ， 内 容 如 下 。 
xE.trace( "w" ,callback) + w 其 实 是 write 的 缩写 
上 述 第 一 个 参数 是 模式 ，w 代表 当 有 执行 写 入 时 ， 就 自动 去 执行 callback 函数 。 
也 可 以 自行 取 函 数 名 称 ， 这 个 动作 称 为 变动 追踪 。 我 们 可 以 通过 xE 变量 类 别 追 踪 
Widget 控件 内 容 的 改变 时 执行 特定 动作 ， 本 实例 是 在 Python Shell 窗口 中 输出 Entry 的 
内 容 。 上 述 程序 的 另 一 个 重点 是 第 4 行 ， 内 容 如 下 。 


def callback(*args): 
6-5 节 将 说 明 上 述 “*args ”参数 的 含义 。 


程序 实例 ch6_4.py: 扩充 上 述 实 例 ， 同 时 在 Entry 控件 下 方 建立 Label 控件 ， 当 在 
Entry 中 有 输入 时 ， 同 时 在 下 方 的 Label 控件 中 显示 。 

# ch6 4.py 

from tkinter import * 


1 
2 
3 
4 def callback(*args): 

5 xL.set(xE.get()) # 更 改 标签 内 容 
6 

7 

8 


print("data changed : ",xE.get())  # Python Shell 窗 口 输出 


root - Tk() 
9 root.title("ch6 4") # 窗口 标题 
10 
11 xE = StringVar() # Entry 的 变量 内 容 
12 entry = Entry(root,textvariable-xE) # 设置 Label 内 容 是 变量 x 


13  entry.pack(pady-5,padx-10) 
14  xE.trace("w",callback) 


LE 


若是 有 更 改 执行 callback 


16 xL = StringVar() 

17 label = Label(root,textvariable-xL) 
18 xL.set(" 同 步 显 示 ") 

19  label.pack(pady-5,padx-10) 


"n 


Label1 的 变量 内 容 


21  root.mainloop() 
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当 看 到 上 述 窗口 输出 时 ， 同 时 可 以 在 Python Shell 窗口 中 看 到 下 列 输出 。 


RESTART: D:\PythonGUI\Vch6\ch6_4.py 


data changed : t 
data changed : tk 
data changed : tki 
data changed : tkin 
data changed : tkint 
data changed : tkinte 
data changed : tkinter 
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6-3 节 介 绍 了 当 Widget 控件 内 容 更 改 时 ， 执 行 追 踪 并 执行 特定 函数 ， 其 实 我 们 也 
可 以 设计 当 控件 内 容 被 读 取 时 ， 执 行 追踪 并 执行 特定 函数 。 


程序 实例 ch6_5.py: 扩充 与 修改 ch6 4.py， 增 加 一 个 “ 读 取 ” 按 钮 ， 当 在 Entry 中 输 
入 数据 时 Python Shell 窗口 不 显示 数据 ， 但 是 下 方 的 Label 将 同步 显示 。 主 要 功能 是 如 
果 单 击 了 “ 读 取 ” 按 钮 ， 系 统 将 发 出 数据 被 读 取 的 警告 ， 同 时 输出 所 读 取 的 数据 。 

# ch6 5.py 

from tkinter import * 


1 
2 
3 
4 def callbackW(*args): 
5 
6 
7 
8 


# 内 容 被 更 改 时 执行 
xL.set(xE.get()) # 更 改 标 等 内 容 
def callbackR(*args): # 内 容 被 读 取 时 执行 
print("Warning: 数 据 被 该 取 !") 
9 
10 def hit(): # 读 取 数据 
11 print(" 读 取 数 据 :",xE.get()) 
12 
13 root - Tk() 
14 root.title("ch6 5") # 窗口 标题 
15 
16 xE = StringVar() # Entry 的 变量 内 容 
17 
18 entry = Entry(root,textvariable-xE) # 设 定 Labe1 内 容 是 变量 x 


19  entry.pack(pady-5,padx-10) 
20 xE.trace("w",callbackW) # 若是 有 更 改 执行 callbackwW 
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21  xE.trace("r",callbackR) # 若是 有 被 读 取 执行 callbackR 
22 
23 xL - StringVar() # Label 的 变量 内 容 


24 label = Label(root,textvariable=xL) 
25 xL.set(" 同 步 显 示 ") 
26  label.pack(pady-5,padx-10) 


27 

28 btn = Button(root,text-"|&Bg",command-hit) it 创建 “ 读 取 ”按钮 
29 btn.pack(pady=5) 

30 


31  root.mainloop() 


f ch6.. — 口 f ch6. - 口 


| hkinte 
同步 显示 > tkinter 


- E 


若 单 击 “ 读 取 ” 按 钮 可 以 在 Python Shell 窗口 中 看 到 下 列 执行 结果 。 
Wann RERAN RESTART: D:\PythonGUI\ch6\ch6_5.py 

ENSE tkinter 

上 述 程序 的 重点 是 第 21 行 ， 内 容 如 下 。 

xE.trace( “r” ,callbackR) + 工 其 实 是 read 的 缩写 

上 述 第 一 个 参数 是 模式 ，r 代表 当 执 行 读 取 时 ， 就 自动 去 执行 callbackR 函数 。 
也 可 以 自行 取 函 数 名 称 ， 这 个 动作 称 为 读 取 追踪 。 我 们 可 以 通过 xE 变量 类 别 追 
踪 Widget 控件 内 容 被 读 取 时 执行 的 特定 动作 ， 本 实例 是 在 Python Shell 窗口 输出 
“Warning: 数据 被 读 取 !” 和 Entry 中 的 内 容 。 


| 6-5 | trace( ) 方法 调用 的 callback 方法 参数 


参考 程序 实例 ch6 5.py 第 4 行内 容 : 
def callbackW(*args): 


sc GE — T ASL DAE tk 变量 名 称 、index RI mode 模式 。 不 过 目前 有 
Ak 变量 名 称 和 index 索引 部 分 尚未 完成 实际 支持 ， 至 于 第 三 个 参数 则 是 可 以 列 出 是 r 


Python GUI i&it——tkinter 菜鸟 编程 


或 w 模式 。 由 于 我 们 所 设计 的 程序 并 不 需要 传递 参数 ， 所 以 可 以 直接 用 “*args” 当 作 
参数 内 容 。 


程序 实例 ch6_6.py: 列 出 trace( ) 方法 所 调用 callback( ) 方法 内 的 参数 。 


1 # ch6 6.py 

2 from tkinter import * 

3 

4 def callbackW(name,index,mode): # 内 容 被 更 改 时 执行 

5 xL.set(xE.get()) # 更 改 标 签 内 容 

6 print("name = Xr, index = Xr, mode - Xr" X (name,index,mode)) 
7 

8 root - Tk() 

9 root.title("ch6 5") # DE 

10 

11 xE = StringVar() # Entry 的 变量 内 容 

12 

13 entry = Entry(root,textvariable-xE) # 设置 Labe1 内 容 是 变量 x 
14  entry.pack(pady-5, padx-10) 

15  xE.trace("w",callbackW) # 若是 有 更 改 执行 callbackW 
16 

17 xL = StringVar() # Label1 的 变量 内 容 


18 label = Label(root,textvariable-xL) 


19 xL.set(" 同 步 显 示 ") 
20  label.pack(pady-5,padx-10) 


22  root.mainloop() 


同步 显示 tk 


在 Python Shell 窗口 可 以 看 到 下 列 执行 结果 。 
RESTART: D:/PythonGUI/ch6/ch6 6.py 


name = 'PY VARO', index = '', mode = 'w' 
name = 'PY VARO', index = '', mode = 'w' 


| 6-6 | 计算 器 的 设计 


在 4-3 节 有 介绍 过 简易 计算 器 按钮 布局 的 设计 ， 在 5-9 节 有 介绍 过 eval( ) 方法 的 
用 法 ， 本 章 已 经 学 会 了 使 用 变量 类 别 控制 标签 的 输出 ， 其 实 有 这 些 概 念 就 可 以 设计 简 
单 的 计算 器 了 。 下 面 将 介绍 完整 的 计算 器 设计 。 
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程序 实例 ch6_7.py: 设计 简易 的 计算 器 ， 这 个 程序 中 在 按钮 设计 时 大 量 使 用 


Lambda， 主 要 是 因为 数字 按钮 与 算术 表达 式 按钮 使 用 相同 的 函数 ， 


一 样 ， 所 以 用 Lambda 可 以 简化 设计 。 


# ch6_7.py 

from tkinter import * 

def calculate(): 
result - eval(equ.get()) 
equ.set(equ.get() + "=\n" + str(result)) 


# 执行 计算 并 显 


def show(buttonString): 

content - equ.get() 

if content == "0": 
content - "" 


equ.set(content « buttonString) 


# 更 新 显示 区 的 t 


def backspace(): 


equ.set(str(equ.get()[:-1])) 


# 删除 前 一 个 


sy 
1 


def clear(): 


equ.set("0") 


# 清除 显示 区 ,放置 6 


root = Tk() 
root ,title(" 计 算 器 ") 


equ = StringVar() 


equ.set("0") # 默认 是 显示 6 


# 设计 显示 区 


显示 结果 


只 是 传递 的 参数 不 


label = Label(root,width-25,height-2,relief-"raised",anchor-SE, 


textvariable-equ) 
label.grid(row-0,column-0,columnspan-4, padx-5,pady-5) 


# 清除 显示 区 
clearButton = 
clearButton.grid(row = 


# 以 下 是 row1 的 其 人 


1, column = 0) 


Button(root,text-"C",fg-"blue",width-5,command-clear) 


Button(root,text-"DEL" ,width-5,command-backspace) .grid(row-1,column-1) 


Button(root,text-"X" ,width-5,command-lambda:show("X")) 
Button(root,text-"/",width-5,command-lambda:show("/")) 
# 以 下 是 row2 的 其 他 按 

Button(root, text-"7" ,width= 5,command=lambda: show("7")). 
Button(root, text="8" ,width=5,command=lambda:show("8")). 
Button(root,text-"9",width-5,command-lambda:show("9")) 
Button(root, DEAL. command- lambda: show("*")). 
# 以 下 是 row3 的 其 

Button(root, text-"4" ,width=5， command-1ambda: show("4")). 
Button(root,text-"5",width-5,command-lambda:show("5")). 
Button(root,text-"6" ,width-5,command-lambda:show("6")) 
Button(root,text-"-",width-5,command-lambda:show("-")) 
# 以 下 是 row4 的 其 他 按钮 
Button(root,text-"1",width-5,command-lambda:show("1")) 


-grid(row-4,column-0) 


-grid(row-1,column-2) 
-grid(row-1,column-3) 


grid(row-2,column-0) 
grid(row-2,column-1) 


-grid(row-2,column-2) 


grid(row-2,column-3) 


grid(row-3,column-0) 
grid(row-3,column-1) 


-grid(row-3,column-2) 
-grid(row-3,column-3) 
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49  Button(root,text-"2" ,width-5, command- lambda: show("2")) .grid(row-4, column-1) 
50  Button(root,text-"3",width-5,command-lambda:show("3")).grid(row-4,column-2) 
51 M Button(root,text-"«",width-5,command-lambda:show("«")).grid(row-4, column-3) 
52 # 以 下 是 row5 的 其 他 


53  Button(root,text-"0",width-12, 

54 command- 1 ambda: show("0")) .grid(row-5, column-0, columnspan-2) 
55  Button(root,text-".",width-5, 

56 command- 1 ambda: show(" .")) .grid(row-5,column-2) 

57  Button(root,text-"-",width-5,bg -"yellow", 

58 command-lambda:calculate()).grid(row-5,column-3) 


59 
60  root.mainloop() 


|; uus -cNM /1 v -cEE 1 vx -OES 
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本 章 摘要 

7-1 Radiobutton 选项 按钮 
7-2 Checkbutton 复 选 杠 
7-3 简单 编辑 程序 的 应 用 
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Radio Button 在 中 文中 可 以 称 为 选项 按钮 ， 它 在 Widget 控件 中 的 类 别名 称 是 
Radiobutton, Checkboxes 称 为 复 选 枉 ， 它 在 Widget 控件 中 的 类 别名 称 是 Checkbutton 。 
于 这 两 个 控件 类 似 ， 所 以 都 在 本 章 讲解 。 


| 7-1 | Radiobutton 选项 按钮 


7-1-1 选项 按钮 的 基本 概念 

选项 按钮 Radiobutton 名 称 的 由 来 是 无 线 电 的 按钮 ， 在 收音 机 时 代 可 以 用 无 线 
电 的 按钮 选择 特定 频道 。 选 项 按钮 最 大 的 特色 是 可 以 用 鼠标 单 击 方式 选取 此 选项 ， 
同时 一 次 只 能 有 一 个 选项 被 选取 ， 例 如 ， 在 填写 学 历时 ， 会 看 到 一 系列 选项 ， 例 
如 ， 高 中 、 大 学 、 硕 士 、 博 士 ， 此 时 只 能 勾 选 一 个 项 目 。 在 设计 选项 按钮 时 ， 最 常 
见 的 方式 是 让 选项 按钮 以 文字 方式 存在 ， 与 标签 一 样 我 们 也 可 以 设计 含 图 像 的 选项 
按钮 。 

程序 设计 时 可 以 设计 让 选项 按钮 与 函数 ( 或 称 方法 ) 绑 在 一 起 ， 当 选择 适当 的 
选项 按钮 时 ， 可 以 自动 执行 相关 的 函数 或 方法 。 另 外 ， 程 序 设 计时 可 能 会 有 多 组 
选项 按钮 ， 此 时 可 以 设计 一 组 选项 按钮 有 一 个 相关 的 变量 ， 用 此 变量 绑 定 这 组 选 
项 按钮 。 

这 时 可 以 使 用 Radiobutton( ) 方法 建立 上 述 系列 选项 按钮 ， 语 法 格式 如 下 。 

Radiobutton( 父 对 象 ，options，… ) 

Radiobutton( ) 方法 的 第 一 个 参数 是 父 对 象 ， 表 示 这 个 选项 按钮 将 建立 在 哪 一 个 父 
对 象 内 。 下 列 是 Radiobutton( ) 方法 内 其 他 常用 的 options 参数 。 

(1)activebackground: 鼠标 光标 在 选项 按钮 上 时 的 背景 颜色 。 

(2)activeforeground: 鼠标 光标 在 选项 按钮 上 时 的 前 景 颜色 。 

(3)anchor: 如 果 空 间 大 于 所 需 时 ， 控 制 选项 按钮 的 位 置 ， 默 认 是 CENTER。 

(4)bg: 标签 背景 或 indicator 的 背景 颜色 。 

(5)bitmap: 位 图 图 像 对 象 。 

(6)borderwidth 或 bd: 边界 宽度 默认 是 两 个 像素 。 

(7)command: 当 用 户 更 改选 项 时 ， 会 自动 执行 此 函数 。 

(8)cursor: 当 鼠 标 光标 在 选项 按钮 上 时 的 光标 形状 。 
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(9)fg: 文字 前 景 颜色 。 

(10)font: 字形 。 

(1Dheight: 选项 按钮 上 的 文字 有 几 行 ， 默 认 是 1 行 。 

(12)highlightbackground: 当选 项 按钮 取得 焦点 时 的 背景 颜色 。 

(13)highlightcolor: 当选 项 按钮 取得 焦点 时 的 颜色 。 

(14)image: 图 像 对 象 ， 如 果 要 建立 含 图 像 的 选项 按钮 时 ， 可 以 使 用 此 参数 。 

(15)indicatoron: 当 此 值 为 0 时 ， 可 以 建立 盒子 选项 按钮 。 

(16)justify: 当 含 多 行文 字 时 ， 最 后 一 行文 字 的 对 齐 方式 。 

(17)padx: 默认 是 1， 可 设置 选项 按钮 与 文字 的 间隔 。 

(18)pady: 默认 是 1， 可 设置 选项 按钮 的 上 下 间距 。 

(19)selectcolor: 当选 项 按钮 被 选取 时 的 颜色 。 

(20)selectimage: 如 果 设 置 图 像 选 项 按钮 时 ， 可 由 此 设置 当选 项 按钮 被 选取 时 的 不 同 
图 像 。 

(21)state: 默认 是 state=NORMAL， 若 是 设置 DISABLE 则 以 灰 阶 显示 选项 按钮 表 
示 暂 时 无 法 使 用 。 

(22)text: 选项 按钮 旁 的 文字 。 

(23)textvariable: 以 变量 方式 显示 选项 按钮 文字 。 

(24)underline: 可 以 设置 第 几 个 文字 有 下 画 线 ， 从 0 开始 算 起 ， 默 认 是 -1， 表 示 
无 下 画 线 。 

(25)value: 选项 按钮 的 值 ， 可 以 区 分 所 选取 的 选项 按钮 。 


(26)variable: 设置 或 取得 目前 选取 的 单 选 按钮 ， 它 的 值 类 型 通常 是 IntVar 或 
StringVar. 


Q7)width: 选项 按钮 的 文字 有 几 个 字符 宽 ， 省 略 时 会 自行 调整 为 实际 宽度 。 
Q8)wraplength: 限制 每 行 的 文字 数 ， 默 认 是 0， 表 示 只 有 “\n” 才 会 换行 。 
绑 定 整 组 选项 按钮 的 方式 如 下 。 


var IntVar 
rbl = Radiobutton(root, : , variable-var,value-xl, ©) 


rb2 = Radiobutton(root, :- , variable-var,value-x2, *…) 


rbn = Radiobutton(root, : , variable-var,value-x3, *…) 
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未 来 若是 想 取得 这 组 选项 按钮 所 选 的 选项 ， 可 以 使 用 get( ) 方法 ， 这 时 会 将 所 选 
选项 的 参数 value 的 值 传 回 ， 方 法 set( ) 可 以 设置 最 初 默认 的 value 选项 。 


程序 实例 ch7_1.py: 这 是 一 个 简单 的 选项 按钮 的 应 用 ， 程 序 刚 执行 时 默认 选项 是 “ 男 
E”, 此 时 窗口 上 方 显示 尚未 选择 ， 然 后 可 以 选择 “男生 ”或 “女生 ”， 选 择 完成 后 可 
以 显示 “你 是 男生 ”或 “你 是 女生 ”。 


1 # ch7 1.py 


2 from tkinter import * 

3 def printSelection(): 

4 num = var.get() 

5 if num == 1: 

6 label.config(text-" (Tig 88^") 

7 else: 

8 label.config(text-" (r£ zz") 

9 

10 root - Tk() 

11 root.title("ch7 1") # AOA 

12 

13 var = IntVar() # 选项 按钮 绑 定 的 变量 
14  var.set(1) # 默认 选项 是 男生 
15 


16 label = Label(root,text=" 这 是 预 设 ,尚未 选择 "，bg="1ightyellow" ,width=36) 
17 label.pack() 


18 

19  rbman = Radiobutton(root,text=" 男 生 ”， # 男生 选项 按钮 
20 variable-var,value-1, 

21 command-printSelection) 

22  rbman.pack() 

23  rbwoman = Radiobutton(root,text-" ir^", # 女生 选项 按钮 
24 variable-var,value-2, 

25 command-printSelection) 

26  rbwoman.pack() 

27 


28  root.mainloop() 


执行 结果 
/ ch71 -OEE ; mvi -EE ; mvi: -EE 


这 是 默认 值 ， 尚 未 选择 你 是 男生 你 是 女生 
c 男生 c 男生 c 男生 
C 女生 C 女生 € 女生 


ERE 13 行 是 设置 var 变量 是 IntVar( ) 对 象 ， 也 是 整 型 。 第 14 行 是 设置 默认 
选项 是 1， 在 此 相当 于 默认 是 男生 ， 第 16 和 17 行 是 设置 标签 信息 。 第 19 ~ 22 行 是 
创建 “男生 ”选项 按钮 ， 第 23 ~ 26 行 是 创建 “女生 ”选项 按钮 。 当 有 单 选 按钮 新 
建 时 ， 会 执行 第 3 ~ 8 行 的 函数 ， 这 个 函数 会 由 var.get( ) 获得 目前 选项 按钮 的 value 
值 ， 然 后 由 此 值 利用 让 判断 所 选 的 是 男生 或 女生 ， 最 后 使 用 config( ) 方法 将 男生 或 女 
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生 设置 给 标签 对 象 label 的 text， 所 以 可 以 看 到 所 选 的 结果 。 


上 述 程序 中 是 为 了 让 读者 了 解 get( ) 和 set( ) 方法 取得 和 设置 的 var 值 是 参数 value 
的 值 ， 在 熟悉 了 选项 按钮 的 操作 后 ， 这 个 字段 可 以 用 字符 串 处 理 ， 通 常 是 设置 text 内 
容 与 value 内 容 相 同 ， 这 时 在 处 理 callback 函数 (此 例 中 是 printSelection) 时 ， 可 以 比 
较 清 晰 易 懂 ， 整 个 程序 也 可 以 比较 简洁 。 


程序 实例 ch7_2.py: 使 用 字符 串 设置 Radiobutton 方法 内 的 value 参数 值 ， 重 新 设计 
ch7_1.py。 读 者 会 发 现 printSelection( ) 函数 只 用 第 4 行 就 取代 了 原先 的 第 4 一 8 行 。 


# ch7 2.py 

from tkinter import * 

def printSelection(): 
label.config(text-" /T 5 "«var.get()) 


root - Tk() 
root.title("ch7 2") # EIER 


oeo-XoOoubBbuNHd| 


9 var = StringVar() # 选项 按钮 绑 定 的 变量 
10 var.set(" 男 生 ") # 默认 选项 是 男生 


12 label = Label(root,text=" 这 是 默认 值 ,尚未 选择 ", bg-" lightyellow",width-30) 
13 label.pack() 


14 

15 rbman = Radiobutton(root,text-"S3/E", # 男生 

16 variable-var,value-" 534", 

17 command-printSelection) 

18  rbman.pack() 

19  rbwoman = Radiobutton(root,text-"zr/4t", # t 按钮 
20 variable-var,value-"£r4", 

21 command-printSelection) 

22  rbwoman.pack() 

23 


24  root.mainloop() 


5 di] Lpy 相同 。 


7-1-2 将 字典 应 用 在 选项 按钮 上 


上 述 建 立 选 项 按钮 的 方法 虽然 好 用 ， 但 是 当选 项 变 多 时 程序 就 会 显得 比较 复杂 ， 
此 时 可 以 考虑 使 用 字典 存储 选项 按钮 相关 信息 ， 然 后 用 遍历 字典 方式 建立 选项 按钮 ， 
可 参考 下 列 实 例 。 


程序 实例 ch7_3.py: 为 字典 内 的 城市 数据 建立 选项 按钮 ， 当 我 们 选择 最 喜欢 的 城市 
时 ，Python Shell 窗口 中 将 列 出 所 选 的 结果 。 
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1 # ch7 3.py 

2 from tkinter import * 

3 def printSelection(): 

4 print(cities[var.get()]) # 列 出 所 选 城市 
5 

6 root = Tk() 

7 root.title("ch7 3") tg 

8 cities = {6: "东京 ",1: "纽约 "，2: "巴黎 " ,3:" (£98 ,4: "香港 "} 
9 

10 var = IntVar() 

11 var.set(0) # 默认 选项 

12 label = Label(root,text=" 计 译 最 喜欢 的 城市 "， 

13 fg-"blue",bg-"lightyellow",width-30).pack() 
14 

15 for val, city in cities.items(): # 建立 选项 按钮 
16 Radiobutton(root, 

17 text=city, 

18 variable-var,value-val, 

19 command-printSelection).pack() 

20 


21  root.mainloop() 
下 列 左 边 是 最 初 界面 ， 右 边 是 选择 “纽约 ”。 
1 w3 -OES 1 w3 -OES 


选择 最 喜欢 的 城市 选择 很 究 欢 的 城市 
€ 东京 C 东京 
个 纽约 e 纽约 
c ER 个 BER 
C 伦敦 C 伦敦 
C 香港 C 香港 


当选 择 “ 纽 约 ” 选 项 按钮 时 ， 可 以 在 Python Shell 窗口 中 看 到 下 列 结果 。 


"T RESTART: D:\PythonGUI\ch7\ch7_3.py 


7-1-3 盒子 选项 按钮 


tkinter 中 也 提供 盒子 选项 按钮 的 概念 ， 可 以 在 Radiobutton 方法 内 使 用 indicatoron 
参数 ， 将 它 设 为 0。 


程序 实例 ch7_4.py: 使 用 盒子 选项 按钮 重新 设计 ch7 3.py， 重 点 是 第 18 行 。 


1 # ch7 4.py 
2 from tkinter import * 
3 def printSelection(): 
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print(cities[var.get()]) + 列 出 所 选 城市 


root.title("ch7 4") s 窗口 标题 
cities = {0:" 东 京 ",1: "纽约 ",2: "巴黎 ",3: " (£98 ,4: "香港 "} 


4 
5 
6 root = Tk() 
7 
8 


9 

10 var = IntVar() 

11 var.set(0) # 默认 选项 

12 label = Label(root,text=" 先 译 最 喜欢 的 城市 "， 

13 fg-"blue",bg-"lightyellow",width-30).pack() 
14 

15 for val, city in cities.items(): # 建立 选项 按钮 

16 Radiobutton(root, 

17 text-city, 

18 indicatoron - 0, # 用 盒子 取代 选项 按钮 
19 width-30, 

20 variable-var,value-val, 

21 command-printSelection).pack() 

22 


23  root.mainloop() 


1 a4 -OEA 1 wa -OE 


选择 穗 宣 欢 的 城市 选择 最 辟 欢 的 城市 
东京 东京 
a5 纽约 
Es 巴黎 
伦敦 伦敦 


7-1-4 ”建立 含 图 像 的 选项 按钮 
也 可 以 将 选项 文字 用 图 像 取 代 ， 它 的 用 法 和 标签 Label 相同 。 


程序 实例 ch7_5.py: 使 用 star.gif、moon.gif、sun.gif 三 个 图 片 当 作 选项 按钮 ， 读 者 可 
以 选择 某 一 选项 ， 然 后 上 方 窗口 中 将 列 出 所 选择 的 项 目 。 


# ch7_5.py 
from tkinter import * 
def printSelection(): 
label .config(text=" 你 选 的 是 "+var.get()) 


root = Tk() 
root.title("ch7 5") # 窗口 标题 


1 
2 
3 
4 
5 
6 
7 
8 
9 


imgStar - PhotoImage(file-"star.gif") 
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10 
11 
12 
13 
14 
15 
16 
17 
18 
19 
20 
21 
22 
23 
24 
25 
26 
27 
28 
29 
30 
31 
32 


imgMoon = PhotoImage(file="moon.gif") 
imgSun = PhotoImage(file="sun.gif") 


var = StringVar() # Amg 
var.set(" 5E") # BRGXIAsS 


label = Label(root,text=" 这 是 默认 值 , 尚 未 选 译 ",bg="1ightyellow" ,width=36) 
label.pack() 


rbStar - Radiobutton(root,image-imgStar, # 星星 选项 按钮 
variable-var,value-"& &€", 
command-printSelection) 

rbStar.pack() 

rbMoon - Radiobutton(root,image-imgMoon, # 
variable=var,value=" B3", 
command=printSelection) 


rbMoon.pack() 

rbSun - Radiobutton(root,image-imgSun, 
variable-var,value-" XB", 
command-printSelection) 


3 


太阳 选项 按钮 


rbSun.pack() 


root.mainloop() 


1 ws -0E / ws -0E 


这 是 默认 值 ， 尚 未 选择 MENEAR 


如 果 要 建立 含有 图 像 和 文字 的 选项 按钮 ， 需 要 在 Radiobutton 方法 内 增加 text 参数 设 


置 文字 ， 增 加 compound 参数 设置 图 像 与 文字 的 位 置 。 


程序 实例 ch7 6.py: 扩充 设计 ch7_5.py， 建 立 一 个 含有 图 像 和 文字 的 选项 按钮 组 ， 本 
程序 会 将 图 像 显示 在 文字 的 右边 。 


@oovammhwhp 


1 


# ch7 6.py 
from tkinter import * 
def printSelection(): 
label .config(text=" 你 选 的 是 "+var.get()) 


root = Tk() 
root.title("ch7 6") # 


加 


imgStar = PhotoImage(file-"star.gif") 
imeMoon = PhotoImage(file-"moon.eif") 
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10  imgMoon = PhotoImage(file-"moon.gif") 
11  imgSun - PhotoImage(file-"sun.gif") 


12 

13 var - StringVar() # 选项 按钮 绑 定 变量 
14 var.set(" 星 星 ") t 默认 选项 是 男生 
15 


16 label = Label(root,text=" 这 是 默认 值 ,尚未 选择 " bg-"lightyellow",width-30 
17 label.pack() 


18 

19  rbStar = Radiobutton(root,image-imgStar, # 星星 选项 按钮 
20 text=" £&",compound-RIGHT, 

21 variable-var,value-"5££", 

22 command-printSelection) 


23  pbStar.pack() 
24 rbMoon = Radiobutton(root,image-imgMoon, 


25 text=" AZ" ,compound=RIGHT, 

26 variable-var,value-"Hzz", 

27 command-printSelection) 

28  rbMoon.pack() 

29 rbSun = Radiobutton(root,image-imgSun, # 太阳 选项 按钮 
30 text=" 太 阳 " , compound- RIGHT, 

31 variable-var,value-" XB", 

32 command=printSelection) 

33 rbSun.pack() 

34 


35  root.mainloop() 


1 we - -EA 1 ws -EE 


这 是 默认 值 ， 尚 未 选择 你 选 的 是 太阳 


€ =f c gg 


| 7-2 | Checkbutton 复 选 框 


7-2-1 复 选 框 的 基本 概念 


Checkboxes 可 以 翻译 为 复 选 框 ， 它 在 Widget 控件 中 的 类 别名 称 是 Checkbutton。 
复 选 框 在 屏幕 上 显示 为 一 个 方 框 ， 它 与 选项 按钮 最 大 的 差别 在 于 它 是 复 选 。 在 设计 复 
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选 框 时 ， 最 常见 的 方式 是 让 复 选 框 以 文字 形式 存在 。 与 标签 一 样 ， 也 可 以 设计 含有 图 
像 的 复 选 框 。 
程序 设计 时 可 以 设计 让 每 个 复 选 框 与 函数 (或 称 方法 ) 绑 在 一 起 ， 当 此 选项 被 选 
择 时 ， 可 以 自动 执行 相关 的 函数 或 方法 。 另 外 ， 程 序 设计 时 可 能 会 有 多 组 复 选 枉 ， 此 
时 可 以 设计 一 组 复 选 框 有 一 个 相关 的 变量 ， 由 此 变量 绑 定 这 组 复 选 框 。 
可 以 使 用 Checkbutton( ) 方法 建立 复 选 框 ， 它 的 使 用 方法 如 下 。 
Checkbutton( 父 对 象 ，options，… ) 
Checkbutton( ) 方法 的 第 一 个 参数 是 父 对 象 ， 表 示 这 个 复 选 框 将 建立 在 哪 一 个 父 对 
象 内 。 下 列 是 Checkbutton( ) 方法 内 其 他 常用 的 options 参数 。 
(1)activebackground: 鼠标 光标 在 复 选 框 上 时 的 背景 颜色 。 
(2)activeforeground: 鼠标 光标 在 复 选 框 上 时 的 前 景 颜色 。 
(3)bg: 标签 背景 或 indicator 的 背景 颜色 。 
(4)bitmap: 位 图 图 像 对 象 。 
(5)borderwidth 或 bd: 边界 宽度 默认 是 两 个 像素 。 
(6)command: 当 用 户 更 改选 项 时 ， 会 自动 执行 此 函数 。 
(T)eursor: 当 鼠 标 光 标 在 复 选 框 上 时 的 光标 形状 。 
(8)disabledforeground: 当 无 法 操作 时 的 颜色 。 
(9)font: 字形 。 
(10)height: 复 选 框 中 的 文字 有 几 行 ， 默 认 是 1 行 。 
(11)highlightbackground: 当 复 选 框 取得 焦点 时 的 背景 颜色 。 
(12)highlightcolor: 当 复 选 框 取得 焦点 时 的 颜色 。 
(13)image: 图 像 对 象 ， 如 果 要 建立 含 图 像 的 选项 按钮 时 ， 可 以 使 用 此 参数 。 
(14)justify: 当 含 多 行文 字 时 ， 最 后 一 行文 字 的 对 齐 方式 。 
(15)offvalue: 这 是 控制 变量 ， 默 认 若 复 选 框 未 选取 值 是 0， 可 以 由 此 更 改 设置 此 值 。 
(10onvalue: 这 是 控制 变量 ， 默 认 若 复 选 框 未 选取 值 是 1， 可 以 由 此 更 改 设置 此 值 。 
(17)padx: 默认 是 1， 可 设置 复 选 框 与 文字 的 间隔 。 
(18)pady: 默认 是 1， 可 设置 复 选 框 的 上 下 间距 。 
(19)reliefs 默认 是 relief-FLAT， 可 由 此 控制 复 选 框 外 框 。 
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(20)selectcolor: 当 复 选 框 被 选取 时 的 颜色 。 

(21)selectimage: 如 果 设置 图 像 复 选 框 ， 可 由 此 设置 当 复 选 框 被 选取 时 的 不 同 图 像 。 

(22)state: 默认 是 state=NORMAL， 若 是 设置 DISABLED 则 以 灰 阶 显示 复 选 框 ， 
表示 暂时 无 法 使 用 。 如 果 鼠 标 光标 在 复 选 框 上 方 表示 ACTIVE. 

(23)text: 复 选 框 旁 的 文字 。 

(24)underline: 可 以 设置 第 几 个 文字 有 下 画 线 ， 从 0 开始 算 起 ， 默 认 是 -1， 表 示 无 下 画 线 。 


(25)variable: 设置 或 取得 目前 选取 的 复 选 框 ， 它 的 值 类 型 通常 是 IntVar 或 
StringVar。 


Q6)width: 复 选 框 的 文字 有 几 个 字符 宽 ， 省 略 时 会 自行 调整 为 实际 宽度 。 
(27)wraplength: 限制 每 行 的 文字 数 ， 默 认 是 0， 表 示 只 有 “\n” 才 会 换行 。 
程序 实例 ch7_7.py: 建立 复 选 框 的 应 用 。 


1 # ch7 7.py 

2 from tkinter import * 

3 

4 root = Tk() 

5 root.title("ch7 7") # 窗口 标题 

6 

7 lab = Label(root,text=" 请 选择 喜欢 的 运动 ",fg="blue",bg="1ightyellow" ,width=36) 
8  lab.grid(row-0) 


10 varl = IntVar() 
11 cbtnNFL = Checkbutton(root,text=" 美 式 足 球 " ,variable=var1) 
12  cbtnNFL.grid(row-1,sticky-W) 


14 var2 = IntVar() 
15  cbtnMLB = Checkbutton(root,text=" 棱 球 ",variable=var2) 
16  cbtnMLB.grid(row-2,sticky-W) 


18 var3 = IntVar() 
19 cbtnNBA = Checkbutton(root,text=" Œ$" ,variable=var3) 
20  cbtnNBA.grid(row-3,sticky-W) 


22  root.mainloop() 


1 w7 -OEE 1 c; -coNd 


WEARER 请 选择 喜欢 的 运动 
三 美式 足球 Ww 美式 足球 
r 棒球 om 
DOES DOE 
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如 果 复 选 框 中 项 目 不 多 ， 可 以 参考 上 述 实例 使 用 Checkbutton( ) 方法 一 步 一 步 建立 
复 选 框 的 项 目 。 如 果 项 目 很 多 ， 可 以 将 项 目 组 织 成 字典 ， 然 后 使 用 循环 建立 复 选 框 ， 
可 参考 下 列 实例 。 


程序 实例 ch7_8.py: 以 sports 字典 方式 存储 运动 复 选 框 项 目 ， 然 后 建立 此 复 选 框 ， 当 
有 选择 项 目 时 ， 若 是 单 击 “ 确 定 ” 按 钮 ， 可 以 在 Python Shell 窗口 中 列 出 所 选 的 项 目 。 


1 # ch7 8.py 

2 from tkinter import * 

3 

4 def printInfo(): 

5 selection - '' 

6 for i in checkboxes: # 检查 

7 if checkboxes[i].get() -- True: i h 
8 selection = selection + sports[i] + "At" 
9 print(selection) 

10 

11 root - Tk() 

12 root.title("ch7 8") & 窗口 标题 
13 

14 ”Label(root,text=" 请 选择 喜欢 的 法 

15 fg-"blue", Merci rre width 30).grid(row-0) 
16 


17 sports = {0: "美式 足球 ",1: "棒球 " ,2: "篮球 ",3: “网 球 "} 
18 checkboxes = {} 


19 for i in range(len(sports)): # Min 

20 checkboxes[i] - BooleanVar() # TRE j 

21 Checkbutton(root,text-sports[i], 

22 variable-checkboxes[i]).grid(row-i«1,sticky-W) 
23 


24 btn = Button(root,text=" 确 定 " ,width-10,command-printInfo) 
25  btn.grid(row-i«2) 


27  root.mainloop() 


执行 结 
E e = 
请 选择 喜欢 的 运动 请 选择 喜欢 的 运动 
厂 美式 足球 Ww SZER 
r 棒球 r 棒球 
r s vox 
厂 网 球 K 网 球 


确定 确定 人 
上 述 右 图 中 若是 单 击 “ 确 定 ”按钮 ， 可 以 在 Python Shell 窗口 中 看 到 下 列 结果 。 


= RESTART: D:\PythonGUI\ch7\ch7 8.py 
美式 足球 篮球 MR 
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PRS 17 行 的 sports 字典 是 存储 运动 项 目的 复 选 框 ， 第 18 行 的 checkboxes 字 
典 则 是 存储 选项 是 否 被 选取 ， 第 19 — 22 行 是 循环 将 sports 字典 内 容 转 成 复 选 框 ， 其 
中 ， 第 20 行 是 将 checkboxes 内 容 设 为 BooleanVar 对 象 ， 经 过 这 样 设置 后 第 7 行 才 
可 以 用 get( ) 方法 取得 它 的 内 容 。 第 24 行 是 创建 “确定 ”按钮 ， 当 单 击 此 按钮 时 会 
执行 第 4 一 9 行 的 printInfo() 函数 ， 这 个 函数 主要 是 将 被 选取 的 项 目 打印 出 来 。 


EZI 简单 编辑 程序 的 应 用 


程序 实例 ch7_9.py: 建立 一 个 对 话 框 ， 这 个 对 话 框 中 有 1 个 Entry 文本 框 、4 个 功能 
按钮 、1 个 复 选 框 ， 功 能 如 下 。 


Entry 文本 框 : 可 以 在 此 输入 文字 。 

“选取 ”功能 按钮 : 可 以 选取 Entry 内 的 文字 。 

“取消 选取 ”功能 按钮 : 可 以 取消 选取 Entry 内 的 文字 。 

“删除 ”功能 按钮 : 可 以 删除 Entry 内 的 文字 。 

“结束 ”功能 按钮 : 让 程序 结束 。 

“只 读 ” 复 选 框 : 让 Entry 变 为 只 读 模 式 ， 无 法 写 入 或 更 改 Entry 内 容 。 


1 # ch7 9.py 

2 from tkinter import * 

3 # 以 下 是 callback 方 法 

4 def selAll(): # 选取 全 部 字符 串 
5 entry.select range(0,END) 

6 def deSel(): # 取消 选取 

7 entry.select clear() 

8 def clr(): # 删除 文字 

9 entry.delete(0,END) 

10 def readonly(): # 设 定 Entry 状 态 
11 if var.get() -- True: 

12 entry.config(state-DISABLED) # 设 为 DISABLED 
13 else: 

14 entry.config(state-NORMAL) # 设 为 NORMAL 
15 

16 root = Tk() 

17 root.title("ch7 9") # 窗口 标题 

18 


19 # 以 下 row=6 建 立 Entry 

20 entry = Entry(root) 

21  entry.grid(row-0,column-0,columnspan-4, 
22 padx-5,pady-5, sticky-W) 
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23 
24 
25 
26 
27 
28 
29 
30 
31 
32 
33 
34 
35 
36 
37 
38 
39 


# 以 下 row=1 建 立 Button 

btnSel = Button(root,text-":cE7",command-selAll) 

btnSel.grid(row-1,column-0,padx-5,pady-5, sticky-W) 

btnDesel = Button(root,text=" 取 消 选 取 ”, command=deSel) 

btnDesel.grid(row-1,column-1,padx-5,pady-5, sticky-W) 

btnClr = Button(root,text-" Hi" ,command=clr) 

btnClr.grid(row-1,column-2,padx-5,pady-5, sticky-W) 

btnQuit = Button(root,text- £iz:",command-root.destroy) 

btnQuit.grid(row-1,column-3,padx-5,pady-5, sticky-W) 

# 以 下 row=2 建 立 Checkboxes 

var = BooleanVar() 

var.set(False) 

chkReadonly = Checkbutton(root,text-"C3X",variable-var, 
command-readonly) 

chkReadonly.grid(row-2,column-0) 


root.mainloop() 
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本 章 摘要 

8-1 框架 Frame 

8-2 标签 框架 LabelFrame 
8-3 ”顶层 窗口 Toplevel 
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Frame 可 翻译 为 框架 ， 它 在 Widget 中 的 类 别名 称 就 是 Frame。LabelFrame 可 翻译 
为 标签 框架 ， 它 在 Widget 中 的 类 别名 称 就 是 LabelFrame。 这 两 个 控件 主要 是 当 作 容 器 
使 用 ， 设 计时 LabelFrame 可 以 在 外 观看 到 标签 名 称 。 本 章 要 介绍 的 另 一 个 Widget 是 
Toplevel， 它 与 Frame 类 似 ， 但 是 将 产生 一 个 分 离 的 窗口 容器 。 


LEE 框架 Frame 


8-1-1 框架 的 基本 概念 

这 是 一 个 容器 控件 ， 当 我 们 设计 的 GUI 程序 很 复杂 时 ， 此 时 可 以 考虑 将 一 系列 相关 
的 Widget 组 织 在 一 个 框架 内 ， 这 样 可 以 方便 管理 。 它 的 构造 方法 语法 如 下 。 

Frame( 父 对 象 ,options，… ) # 父 对 象 可 以 省 略 ， 可 参考 ch8_ 1 1.py 

Frame( ) 方法 的 第 一 个 参数 是 父 对 象 ， 表 示 这 个 框架 将 建立 在 哪 一 个 父 对 象 内 。 
下 列 是 Frame( ) 方法 内 其 他 常用 的 options 参数 。 

(l)bg EÈ background: 背景 色彩 。 

(2)borderwidth 或 bd: 标签 边界 宽度 ， 默 认 是 2. 

(3)eursor: 当 鼠 标 光 标 在 框架 上 时 的 光标 形状 。 

(4)height: 框架 的 高 度 ， 单 位 是 像素 。 

(5)highlightbackground: 当 框 架 没 有 取得 焦点 时 的 颜色 。 

(6)highlightcolor: 当 框 架 取 得 焦点 时 的 颜色 。 

(7)highlighthickness: 当 框 架 取得 焦点 时 的 厚度 。 

(S)relief: 默认 是 relief-FLAT， 可 由 此 控制 框架 外 框 ， 可 参考 ch8 4.py。 

(9)width: 框架 的 宽度 ， 单 位 是 像素 ， 省 略 时 会 自行 调整 为 实际 宽度 。 
程序 实例 ch8_1.py: 建立 三 个 不 同 底 色 的 框架 。 


# ch8 1.py 
from tkinter import * 


root = Tk() 
root.title("ch8 1") 


1 
2 
3 
4 
5 
6 
7 for fm in ["red","green","blue"]: # 建立 三 个 不 同 底 色 的 框架 
8 Frame(root,bg-fm,height-50,width-250).pack() 

9 

0 


1 root.mainloop() 
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从 上 述 实例 应 该 了 解 ， 框 架 也 是 一 个 Widget 控件 ， 所 以 最 后 也 需要 使 用 控件 配置 


管理 员 包装 与 定位 ， 此 例 中 是 使 用 pack( )。 


程序 实例 ch8_1_1.py: 在 调用 Frame 构造 方法 时 ， 省 略 父 对 象 。 


Frame(bg-fm,height-50,width-250).pack() 


5 ch8 Lpy 相同 。 


程序 实例 ch8 2.py: 使 用 横向 配置 方式 (side-LEFT) 重新 设计 ch8_1.py， 同 时 让 鼠标 


1 
2 


光标 在 不 同 的 框架 上 有 不 同 的 形状 。 


Z«L 
from tkinter import * 


root - Tk() 
root.title("ch8 2") 


fms = ('red':'cross','green':'boat', 'blue':'clock') 
for fmColor in fms: 
Frame(root,bg-fmColor,cursor-fms[fmColor], 
height-50,width-200).pack(side-LEFT) 


root.mainloop() 


执行 结果 
Li ch8 2 - oi 
Li ch8 2 - om 


f ch8_2 -olKd 
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8-1-2 在 框架 内 创建 Widget 控件 


创建 框架 时 会 传 回 框架 对 象 ， 假 设 此 对 象 是 A， 以 后 在 此 框架 内 建立 Widget 控件 
时 ， 此 对 象 A 就 是 框架 内 Widget 控件 的 父 容 器 。 下 面 是 在 框架 内 创建 功能 按钮 对 象 的 
讲解 。 


A = Frame (root，… ) 4 传 回 框架 对 象 A 
btn = Button (A, © ) # 框架 对 象 A 是 btn 功能 按钮 的 父 容器 


程序 实例 ch8 3.py: 建立 两 个 框架 ， 同 时 在 上 层 框 架 frameUpper 内 建 三 个 功能 按 
钮 ， 下 层 框架 是 frameLower， 同 时 在 此 建立 一 个 功能 按钮 。 


# ch8 3.py 
from tkinter import * 


root = Tk() 
root.title("ch8 3") 


frameUpper = Frame(root,bg-"lightyellow")  # 建立 上 层 框架 
frameUpper.pack() 

9  btnRed = Button(frameUpper,text- "Red" ,fg-"red") 

10  btnRed.pack(side-LEFT, padx-5, pady-5) 

11  btnGreen - Button(frameUpper,text-"Green",fg-" green") 

12  btnGreen.pack(side-LEFT,padx-5,pady-5) 

13 btnBlue = Button(frameUpper,text-"Blue",fg-"blue") 

14  btnBlue.pack(side-LEFT,padx-5,pady-5) 


c Oo un B5UuN HM 


16 frameLower = Frame(root,bg-" lightblue") # 建立 下 层 框架 
17 frameLower.pack() 

18  btnPurple = Button(frameLower,text="Purple",fg="purple") 
19 btnpurple.pack(side=LEFT,padx=5,pady=5) 


21 root.mainloop() 


Po x | 
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8-1-3 活用 relief 属性 
可 以 利用 relief 属性 的 特性 ， 将 Widget 控件 建立 在 框架 内 。 
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程序 实例 ch8_4.py: 建立 三 个 框架 ， 分 别 使 用 不 同 的 relief 属性 。 
# ch8 4.py 
from tkinter import * 


root - Tk() 
root.title("ch8 4") 


fml = Frame(width-150,height-80,relief-GROOVE, borderwidth-5) 
fm1.pack(side-LEFT,padx-5, pady-10) 
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10 fm2 = Frame(width-150,height-80,relief-RAISED, borderwidth-5) 
11  fm2.pack(side-LEFT,padx-5,pady-10) 


13  fm3 - Frame(width-150,height-80,relief-RIDGE, borderwidth-5) 
14  fm3.pack(side-LEFT, padx-5, pady-10) 


16  root.mainloop() 


ch8 .4 NEP x | 
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8-1-4 在 含 raised 属性 的 框架 内 创建 复 选 杠 


程序 实例 ch8_5.py : 创建 一 个 含 raised 属性 的 框架 ， 同 时 在 此 框架 内 创建 标签 和 复 
选 框 。 

# ch8 5.py 

from tkinter import * 


1 
2 
3 
4 root = Tk() 

5  root.title("ch8 5") 
6 

ri 

8 


fm = Frame(width-150,height-80,relief-RAISED,borderwidth-5) # 创建 框架 
lab = Label(fm,text=" 请 复 选 常用 的 程序 语言 ") # 创建 标签 

9  lab.pack() 

10 python = Checkbutton(fm,text-"Python") 

11  python.pack(anchor-W) 

12 java = Checkbutton(fm,text-"Java") 

13  java.pack(anchor-W) 

14 ruby = Checkbutton(fm,text-"Ruby") 

15  ruby.pack(anchor-W) 

16  fm.pack(padx-10, pady-10) 


18  root.mainloop() 


Python GUI 设计 一 一 tkinter 菜鸟 编程 


rc. - oS 1 < - om 


请 复 选 常用 的 程序 语言 
F Python 

F Java 
F Ruby 


请 复 选 常用 的 程序 证 言 
Iv Python 

Iv Java 
F Ruby 


8-1-5 额外 对 relief 属性 的 支持 


在 标准 的 Frame 框架 中 ， 对 于 relief 属性 并 没有 完全 支持 ， 例 如 ，solid 和 sunken 属 
性 ， 此 时 可 以 使 用 tkinterttk 的 Frame 和 Style 模块 。 下 面 将 直接 以 实例 讲解 。 


程序 实例 ch8_6.py: 建立 6 个 框架 ， 每 个 框架 有 不 同 的 relief. 


1 # ch8 6.py 

2 from tkinter import Tk 

3 from tkinter.ttk import Frame, Style 

4 

5 root = Tk() 

6 root.title("ch8 6") 

7 style = Style() # 改 用 Style 

8  style.theme use("alt") # 改 用 alt 支 持 Style 
9 


10 fml = Frame(root,width-150,height-80,relief-"flat") 
11  fmi1.grid(row-0,column-0,padx-5,pady-5) 


13 fm2 = Frame(root,width-150,height-80,relief-"groove") 
14  fm2.grid(row-0,column-1,padx-5,pady-5) 


16 fm3 = Frame(root ,width-150,height-80,relief-"raised") 
17  fm3.grid(row-0,column-2,padx-5,pady-5) 


19 fm4 = Frame(root,width-150,height-80,relief-"ridge") 
20  fm4.grid(row-1,column-0,padx-5,pady-5) 


22 fm5 = Frame(root,width-150,height-80,relief-"solid") 
23  fm5.grid(row-1,column-1,padx-5,pady-5) 


25  fm6 = Frame(root,width-150,height-80,relief-"sunken") 
26  fm6.grid(row-1,column-2,padx-5,pady-5) 


28  root.mainloop() 
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上 述 程序 中 需 使 用 tkinter.ttk 模块 内 的 Frame 作为 支持 才 可 正常 显示 relief 外 框 ， 
同时 留意 第 8 行 中 的 alt 参数 主要 是 此 机 制 内 对 于 relief 支持 的 参数 。 


EZI 标签 框架 LabelFrame 


8-2-1 标签 框架 的 基本 概念 


这 也 是 一 个 容器 控件 ， 主 要 是 将 一 系列 相关 的 Widget 组 织 在 一 个 标签 框架 内 ， 然 
后 给 它 一 个 名 称 。 它 的 构造 方法 语法 如 下 。 


LabelFrame ( SWR, options, :- ) 


LabelFrame( ) 方法 的 第 一 个 参数 是 父 对 象 ， 表 示 这 个 标签 框架 将 建立 在 哪 一 个 父 
对 象 内 。 下 列 是 LabelFrame( ) 方法 内 其 他 常用 的 options 参数 。 

(l)bg 或 background: 背景 色彩 。 

(2)borderwidth 或 bd: 标签 边界 宽度 ， 默 认 是 2。 

(3)eursor: 当 鼠 标 光 标 在 框架 上 时 的 光标 形状 。 

(4)font: 标签 框架 中 文字 的 字形 。 

(5)height: 框架 的 高 度 ， 单 位 是 像素 。 

(G)highlightbackground: 当 框 架 没 有 取得 焦点 时 的 颜色 。 

(7)highlightcolor: 当 框架 取得 焦点 时 的 颜色 。 

(8)highlighthickness: 当 框 架 取 得 焦点 时 的 厚度 。 

(9)labelAnchor: 设置 放置 标签 的 位 置 。 

(10)relief: 默认 是 relief-FLAT， 可 由 此 控制 框架 的 外 框 。 
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(1Dtext: 标签 内 容 。 
(12)width: 框架 的 宽度 ， 单 位 是 像素 ， 省 略 时 会 自行 调整 为 实际 宽度 。 


程序 实例 ch8_7.py: 重新 设计 ch5_3.py， 将 账号 和 密码 字段 使 用 标签 框架 框 起 来 ， 此 
框架 标签 的 文字 是 “数据 验证 ”。 


1 # ch8 7.py 

2 from tkinter import * 

3 

4 root = Tk() 

5 root.title("ch8_7") iA 

6 

7 msg =“ 欢迎 进入 Silicon Stone Educaiton 系 统 ” 

8  sseGif = PhotoImage(file-"sse.gif") # Logo 图 像 文 件 


9 logo = Label(root,image-sseGif,text-msg,compound-BOTTOM) 
10  logo.pack() 


12 # 以 下 是 LabelFrame 标 签 框架 

13 labFrame = LabelFrame(root,text=" 数 据 验 证 ") 3 
14 accountL = Label(labFrame,text-"Account")  # account 标 签 
15  accountL.grid(row-0,column-0) 


t 


16 pwdL = Label(labFrame,text="Password") it pwd 标签 
17  pwdL.grid(row-1,column-0) 
18 


19  accountE = Entry(labFrame) 

20  accountE.grid(row-0,column-1) 

21  pwdE = Entry(labFrame,show-"*") 

22  pwdE.grid(row-1,column-1,pady-10) 

23  labFrame.pack(padx-10,pady-5,ipadx-5,ipady-5 


account 文 本 框 
定位 account 文 本 框 
pwd 文 本 杠 

定位 pwd 文 本 框 


# 包装 与 定位 标签 框架 


xxx 


25  root.mainloop() 


f ch8 7 一 口 


欢迎 进入 Silicon Stone Educaiton 系 统 
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8-2-2 ”将 标签 框架 应 用 于 复 选 框 
标签 框架 的 应 用 范围 很 广泛 ， 也 常 应 用 于 将 选项 按钮 或 是 复 选 框 组 织 起 来 。 下 面 
将 直接 以 实例 讲解 。 


程序 实例 ch8_8.py: 重新 设计 ch7 8.py， 将 复 选 框 用 标签 框架 框 起 来 ， 同 时 设置 了 
root 窗口 的 宽度 和 高 度 。 


1 # ch8 8.py 


2 from tkinter import * 

3 

4 def printInfo(): 

5 selection = '' 

6 for i in checkboxes: # 检查 此 字典 
a if checkboxes[i].get() == True: # 被 选取 则 执行 
8 selection = selection + sports[i] + "t" 

9 print(selection) 

10 

11 root - Tk() 

12 root.title("ch8 8") # 窗口 标题 
13  root.geometry("400x220") 

14  # 以 下 建立 标签 框架 与 字典 


15 labFrame = LabelFrame(root,text=" 先 择 最 喜欢 的 法 动 ") 
16 sports = {0: "美式 足球 ",1: "Eig" ,2: "篮球 ",3:" 网 球 "} # 运动 字典 


17 checkboxes = {} # 字典 存放 被 选取 项 目 
18 for i in range(len(sports)): # 将 运动 字典 转 成 复 选 框 
19 checkboxes[i] = BooleanVar() # 布尔 变量 对 象 

20 Checkbutton(labFrame,text-sports[i], 

21 variable-checkboxes[i]).grid(row-i«1,sticky-W) 
22  labFrame.pack(ipadx-5,ipady-5,pady-10) # 包装 定位 标签 框架 

23 


24 btn = Button(root,text-"j&;E" width-10,command-printInfo) 
25  btn.pack() 


27  root.mainloop() 


' ch88 -0 ' ch88 -0 
选择 最 可 次 的 运动 一 选择 最 可 欢 的 运动 一 
厂 美式 足球 区 美式 足球 
厂 mx r mx 
r d ox 
T 网球 厂 网 球 


确定 确定 | 
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EZ 顶层 窗口 Toplevel 


8-3-1 Toplevel 窗口 的 基本 概念 


这 个 控件 的 功能 类 似 于 Frame， 但 是 这 个 控件 所 产生 的 容器 是 一 个 独立 的 窗口 ， 


有 自己 的 标题 栏 和 边框 。 它 的 构造 方法 语法 如 下 。 


程序 实例 ch8_9.py: 建立 一 个 Toplevel 窗口 ， 为 了 区 分 在 Toplevel 窗口 中 增加 字符 串 


Toplevel (options, = ) 

下 列 是 LabelFrame( ) 方法 内 其 他 常用 的 options 参数 。 
(l)bg 或 background: 背景 色彩 。 

(2)borderwidth 或 bd: 标签 边界 宽度 ， 默 认 是 2。 
(3)eursor: 当 鼠 标 光标 在 Toplevel 窗口 上 时 的 光标 形状 。 
(fg: 文字 前 景 颜 色 。 

(5)font: 字形 。 

(6)height: 窗口 高 度 。 

(7)width: 窗口 宽度 。 


“Iam a toplevel.". 


p 
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# ch8 9.py 
from tkinter import * 


root = Tk() 
root.title("ch8 9") 


tl = Toplevel() 
Label(tl,text - 'I am a Toplevel').pack() 


root.mainloop() 


DEET 下 方 左 图 是 执行 结果 画面 ， 右 图 是 适度 移动 主 窗口 后 的 结果 。 
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Toplevel 窗口 建立 完成 后 ， 如 果 关 闭 Toplevel 窗口 ， 原 主 窗口 仍 可 以 继续 使 用 ， 
但 是 如 果 关 闭 了 主 窗口 ，Toplevel 窗口 将 自动 关闭 。 在 第 1 章 介绍 建立 主 窗口 时 有 介 
绍 过 窗口 属性 设置 的 方法 ， 这 些 方法 中 有 些 可 以 供 Toplevel 窗口 使 用 。 


程序 实例 ch8_10.py: 设置 Toplevel 窗口 的 标题 和 大 小 。 
1 # ch8 10.py 
2 from tkinter import * 
3 
4 root = Tk() 
5  root.title("ch8 10") 
6 
7 
8 


tl - Toplevel() 
tl.title("Toplevel") 
9  tl.geometry("300x180") 
10 Label(tl,text - 'I am a Toplevel').pack() 


12  root.mainloop() 


fhs. - EN | / Topleve  — 8 


Iam a Toplevel 


8-3-2 使 用 Toplevel 窗口 仿真 对 话 框 


程序 实例 ch8_11.py: 这 个 程序 执行 时 会 有 一 个 Click Me 按钮 ， 当 单 击 此 按钮 时 会 由 
一 个 随机 数 产生 Yes, No. Exit 字符 串 ， 这 些 字符 串 会 出 现在 Toplevel 窗口 内 。 


# ch8 11.py 
from tkinter import * 
import random 


1 

2 

3 

4 

5 root = Tk() 
6 root.title("ch8 11") 
7 

8 

9 

9 

1 


msgYes, msgNo, msgExit = 1,2,3 
def MessageBox(): # 创建 对 话 框 
msgType = random.randint(1,3) # 随机 数 产 生 对 1 
# 产生 Yes 字 符 


if msgType == msgYes: 
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12 labTxt = 'Yes' 

13 elif msgType -- msgNo: # 产生 No 字符 串 

14 labTxt = 'No' 

15 elif msgType -- msgExit: # 产生 Exit 字 符 串 
16 labTxt = 'Exit' 

17 tl = Toplevel() # ghjToplevelgir1 
18 tl.geometry("300x180") + 设置 对 话 框 大 小 
19 tl.title("Message Box") 

20 Label(tl,text-labTxt).pack(fill-BOTH,expand-True) 
21 


22  btn - Button(root,text- Click Me',command - MessageBox) 
23  btn.pack() 


25  root.mainloop() 


m 


f- # MessageBox — 2 | x | 
click me | 


Yes 


与 数字 有 关 的 Widget 


本 章 摘要 
9-1 Scale 的 数值 输入 控制 
9-2 Spinbox 控件 
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本 章 将 介绍 两 个 可 以 使 用 图 形 接口 选取 数值 的 Widget 控件 : Scale 和 Spinbox。 


CEE Scale 的 数值 输入 控制 


9-1-1 Scale 的 基本 概念 


Scale 可 以 翻译 为 尺度 。Python 的 tkinter 模块 中 有 Widget 控件 Scale， 这 是 一 种 图 
形 接 口 输入 功能 ， 我 们 可 以 移动 尺度 条 产生 某 一 范围 的 数字 。 


这 是 尺度 条 
可 以 上 下 移动 更 改 数值 


E 可 以 左右 移动 更 改 数值 

建立 尺度 条 的 方法 是 Scale( )， 它 的 构造 方法 如 下 。 

Scale ( HR, options, = ) 

Scale( ) 方法 的 第 一 个 参数 是 父 对 象 ， 表 示 这 个 尺度 条 将 建立 在 哪 一 个 父 对 象 内 。 
下 列 是 Scale( ) 方法 内 其 他 常用 的 options 参数 。 

(l)activebackground: 鼠标 光标 在 尺度 条 上 时 的 背景 颜色 。 

(2)bg: 背景 颜色 。 

(3)borderwidth 或 bd: 3D 边界 宽度 默认 是 两 个 像素 。 

(4)command: 当 使 用 者 更 改 数值 时 ， 会 自动 执行 此 函数 。 

(S)eursor: 当 鼠 标 光标 在 尺度 条 上 时 的 光标 形状 。 

(6)digits: 尺度 数值 ， 读 取 时 需 使 用 IntVar、DoubleVar 或 StringVar 变量 类 型 读 取 。 

(fg: 文字 前 景 颜 色 。 

(8)font: 字形 。 

(9)from : 尺度 条 范围 值 的 初 值 。 

(10)highlightbackground: 当 尺 度 条 取得 焦点 时 的 背景 颜色 。 
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(1D)highlightcolor: 当 尺 度 条 获得 焦点 时 的 颜色 。 


(12)label: 默认 是 没有 标签 文字 ， 如 果 尺 度 条 是 水 平 的 则 此 标签 出 现在 左上 角 ， 如 
果 尺 度 条 是 垂直 的 则 此 标签 出 现在 右上 角 。 

(13)length: 默认 是 100 像素 。 

(14)orient: 默认 是 水 平 ， 可 以 设置 水 平 HORIZONTAL 或 垂直 VERTICAL. 

(15)reliefs 默认 是 FLAT， 可 由 此 更 改 边 界外 观 。 

(16)repeatdelay: 可 设置 需要 按 住 尺度 条 多 久 后 才 可 移动 此 尺度 条 ， 单 位 是 ms， 默 
认 是 300。 

(17)resolution: 每 次 更 改 的 数值 ， 例 如 ，from =2.0，to=4.0， 如 果 将 resolution 设 
为 0.5， 则 尺度 可 能 数值 是 2.0、2.5、3.0、3.5、4.0。 

(18)showvalue: 正常 会 显示 尺度 条 的 目前 值 ， 如 果 设 为 0 则 不 显示 。 

(19)state: 如 果 设 为 DISABLE 则 暂时 无 法 使 用 此 Scale. 


(21)tickinterval: 尺度 条 的 标记 刻度 ， 例 如 ，from =2.0，to=3.0，tickinterval=0.25， 
则 刻度 是 2.0、2.25、2.50、2.75 813.0. 

(22)to: 尺度 条 范围 值 的 末端 值 。 

(23)troughcolor: ## (trough) 的 颜色 。 

(24)variable: 设置 或 取得 目前 选取 的 尺度 值 ， 它 的 值 类 型 通常 是 IntVar 或 
StringVar. 

(25)width: 对 于 垂直 尺度 条 这 是 槽 的 宽度 ， 对 于 水 平 尺度 条 这 是 槽 的 高 度 。 


程序 实例 ch9_1.py: 一 个 产生 水 平 尺度 条 与 垂直 尺度 条 的 应 用 。 尺 度 值 的 范围 为 0 ~ 10, 
垂直 尺度 条 使 用 默认 长 度 ， 水 平 尺度 条 则 设 为 300。 


# ch9 1.py 
from tkinter import * 


window = Tk() 
window.title("ch9 1") 


1 
2 
2 
4 
5 
6 
7  slider1 = Scale(window,from -0,to-10).pack() 

8  slider2 = Scale(window,from -0,to-10, 

9 length-300,0rient-HORIZONTAL).pack() 
10 
11  window.mainloop() 


121 


Python GUI 设计 一 一 tkinter 菜鸟 编程 


f wa -n f ha - nS 


序 实例 ch9_2.py: 设置 Scale( ) 构造 方法 中 的 多 个 参数 。 
# ch9 2.py 


from tkinter import * 


root = Tk() 
root.title("ch9 2") tg 


slider - Scale(root, 


|Bp|BpBHBB 前 
BuNHPBGUDO-OGudsRtUuNmIP 0 


from -0, # 1 
to-10, LI 
troughcolor-"yellow", LES 
width-"30", # 
tickinterval-2, # 
label="My Scale", # 
length=300, # 

15 orient=HORIZONTAL) # 

16 slider.pack() 

17 


18  root.mainloop() 


My Scale My Scale 
0 5 
0 2 4 6 8 10 0 2 4 6 8 10 


9-1-2 取得 与 设置 Scale 的 尺度 值 


设计 GUI 程序 时 可 以 使 用 set( ) 方法 设置 尺度 的 值 ， 可 以 使 用 get( ) 方法 取得 尺度 
的 值 。 


程序 实例 ch9_3.py: 使 用 set( ) 设置 尺度 初 值 ， 使 用 get( ) 获得 尺度 值 。 当 单 击 Print 
按钮 时 可 以 在 Python Shell 窗口 中 列 出 垂直 和 水 平 的 尺度 值 。 
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1 4 ch9 3.py 

2 from tkinter import * 

3 

4 def printInfo(): 

5 print(" 垂 直 尺度 值 = %d， 水 平 尺 度 值 = %d" % (sV.get(),sH.get())) 
6 

7 root = Tk() 

8 root.title("ch9 3") # 窗口 标题 

E] 

10 sV = Scale(root,label-"3&fi",from -0,to-10) # 建立 垂直 尺度 

11 sV.set(5) # 设 定 垂直 尺度 初 值 是 5 
12 sV.pack() 

13 

14 sH = Scale(root,label-";kGE",from -0,to-10, # 建立 水 平 尺度 

15 length-300,orient-HORIZONTAL) 

16  sH.set(3) # 设 定 水 平 尺度 初 值 是 3 
17  sH.pack() 

18 

19  Button(root,text-"Print",command-printInfo).pack() 

20 


21  root.mainloop() 


4 ch9 3 一 口 


水 平 


Print 


单 击 Print 按钮 可 以 得 到 下 列 结果 。 


====== RESTART: D:\PythonGUI\ch9\ch9_3.py 
垂直 尺度 值 =5， 水 平 尺 度 值 =3 


9-1-3 使 用 Scale 设置 窗口 背景 颜色 


Scale 控件 有 一 个 特点 是 在 移动 时 可 以 自动 触发 事件 。 我 们 可 以 在 使 用 Scale( ) 时 
增加 command 参数 设置 移动 时 所 要 执行 的 callback 方法 。 


def callback( ) : 


sliderObj = Scale(--:,command-callback) 


从 上 述 可 知 ， 当 有 尺度 条 移动 时 会 调用 与 执行 callback( ) 方法 。 
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程序 实例 ch9_4.py: 设计 三 个 尺度 条 分 别 代表 R. G, B 三 种 颜色 ， 当 移动 这 三 个 尺 
度 条 时 ，Python Shell 将 显示 这 三 个 尺度 条 的 颜色 值 ， 同 时 可 以 看 到 窗口 背景 颜色 也 将 
实时 更 改 。 


# ch9 4.py 
from tkinter import * 


' BREIDSEERAO UC 


1 

2 

E: 

4 def bgUpdate(source): 
5 is 

6 

7 


red - rSlider.get() # 

green = gSlider.get() # 
8 blue = bSlider.get( ) # 
9 print("R-Xd, G=%d, B-Xd" X (red, green, Eo 
10 myColor = "#%02x%02x%02x" % (red, green, blue): 
11 root.config(bg-myColor) i 
12 


13 root - Tk() 
14 root.title("ch9 4") 
15  root.geometry("360x240") 


16 
17 rSlider = Scale(root, from -0, to-255, command-bgUpdate) 
18  gSlider - Scale(root, from -0, to-255, command-bgUpdate) 


19  bSlider = Scale(root, from -0, to-255, command-bgUpdate) 
20 gSlider.set(125) * 设置 green 初 值 是 125 


21  rSlider.grid(row-0, column-0) , col-0 
22  gSlider.grid(row-0, column-1) , col-1 
23  bSlider.grid(row-0, column-3) , col-2 
24 
25  root.mainloop() 
执行 结果 
[i ch94 -2 


下 列 是 Python Shell 窗口 显示 的 内 容 ， 此 内 容 会 记录 RGB 色彩 值 的 变化 。 
RESTART: D:/PythonGUI/ch9/ch9 4.py 


R=0, 
R= 

R: 
R: G 

R-0, G-125, B-19 


上 述 设计 是 将 尺度 条 放置 在 窗口 左上 角 ， 如 果 想 调整 位 置 并 不 太 方便 ， 最 好 的 设 
计 方 式 是 先 设计 一 个 容器 ， 然 后 将 这 三 个 尺度 条 放置 在 此 容器 内 ， 未 来 如 果 想 要 移动 


0 
0, 
0 
0, 
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位 置 ， 可 以 直接 移动 容器 位 置 。 


9-1-4 askcolor( ) 方法 


在 tkinter 模块 内 的 colorchooser 模块 内 有 askcolor( ) 方法 ， 这 个 方法 可 以 开启 
“色彩 ”对 话 框 ， 我 们 可 以 很 方便 地 在 此 对 话 框 中 选择 色彩 。 


程序 实例 ch9_4_1.py: 使 用 开启 “色彩 ”对 话 框 的 方式 重新 设计 ch9_4.py 程序 。 


# ch9 4 1.py 
from tkinter import * 
from tkinter.colorchooser import * 


UC 更 改 窗口 背景 颜色 “"' 

myColor = askcolor() 

print(type(myColor),myColor) 
9 root.config(bg=myColor[1]) 


1 
2 
3 
4 
5 def bgUpdate(): 
6 
7 
8 


11 root - Tk() 
12 root.title("ch9 4 1") 
13 root.geometry("360x240") 


15 btn - Button(text-"Select Color",command-bgUpdate) 
16 btn.pack(pady-5) 


18 root.mainloop() 


HEE 当 单 击 Select Color 按钮 后 可 以 看 到 下 方 右 图 “色彩 ”对 话 框 。 
可 在 此 许 择 基本 色彩 “可 在 此 选择 更 丰富 的 色彩 


色彩 


ETE) 


‘ ch941 - OEN 
Select Color. 


Eeit 


eao: 79 | 1:92 
ma: | 182 | o): 232 
EVES WRN: |151 mq 89 


EE EENENEEH 
EE ENHEN'! 
"HH  UNEZHN 
EH NENNEN: 
EE HEHE 


Ee LDEL T] 


示范 输 
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单 击 右 图 中 “确定 ”按钮 可 以 得 到 下 列 结果 。 
í ch941 一 加 :> 


上 述 第 7 行 askcolor( ) 方法 开启 “色彩 ”对 话 框 ， 选 择 好 色彩 后 ， 再 单 击 “ 确 
定 ” 按 钮 后 ， 传 回 值 给 myColor。 第 8 行 又 将 所 传 回 的 值 myColor 使 用 Python Shell 窗 
口 打印 ， 可 以 传 回 下 列 数据 。 


= RESTART: D:/PythonGUI/ch9/ch9 4 1 Eri 
«class 'tuple'» ((151. R084375. 224.875, 97.37890625), "Td97e061') 


上 述 传 回 值 的 数据 类 型 是 元 组 ， 这 个 元 组 中 有 两 个 元 素 ， 索 引 0 的 元 素 也 是 元 
组 ， 这 个 元 素 中 含有 三 个 数据 ， 分 别 是 RGB 的 色彩 值 。 索 引 1 的 元 素 是 16 位 的 色彩 
字符 串 。 我 们 可 以 使 用 色彩 字符 串 设 置 窗口 的 背景 颜色 。 


9-1-5 容器 的 应 用 


延续 9-1-4 节 的 做 法 ， 我 们 可 以 使 用 第 8 章 的 Frame 框架 当 作 容器 ， 然 后 将 三 个 
色彩 尺度 条 放 在 此 框架 内 。 


程序 实例 ch9_5.py: 重新 设计 ch9_4.py， 将 三 个 色彩 尺度 条 放置 在 Frame 容器 内 ， 然 
后 将 Frame 容器 放置 在 窗口 上 方 中 央 。 


# ch9 5.py 

from tkinter import * 

def bgUpdate(source): 
” ”更 改 雍 口 背景 颜色 “” 
red = rSlider.get() # 


green = gSlider.get() 
blue = bSlider.get( ) 
print("R-Xd, G-Xd, B-Xd" X (red, green, blue)) # iTEJfe3 
9 myColor = "#%02x%02x%02x" 9 (red, green, blue) * 3$ 
10 root.config(bg-myColor) # 设 


cowouBbBuNmH 


12 root - Tk() 
13 root.title("ch9 5") 
14  root.geometry("360x240") 
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15 

16 fm - Frame(root) # $i 

17  fm.pack() ti 上 方 听 
18 

19 rSlider = Scale(fm, from -0, to=255, command=bgUpdate) 


20  gSlider - Scale(fm, from -0, to-255, command-bgUpdate) 
21  bSlider = Scale(fm, from -0, to-255, command-bgUpdate) 
22  gSlider.set(125) 

23  rSlider.grid(row-0, column-0) 
24  gSlider.grid(row-0, column-1) 
25  bSlider.grid(row-0, column-3) 


设置 green 初 值 是 125 
row-0, col-0 
row-0, col-1 
row-0, col-2 


HHHH 


27 root.mainloop() 


上 述 程序 中 在 第 16、17 行 创建 框架 fm 对 象 ， 然 后 第 19 ~ 21 行将 色彩 尺度 条 放 
置 在 此 框架 fm 对 象 内 。 


Spinbox 控件 


9-2-1 Spinbox 控件 基本 概念 


Spinbox 控件 也 是 一 种 输入 控件 ， 其 实 它 是 一 种 Entry 和 Button 的 组 合体 ， 它 允许 
用 户 用 鼠标 单 击 up/down 按钮 ， 或 是 按 上 箭头 /下 箭头 键 达到 在 某 一 数值 区 间 内 增加 
数值 与 减少 数值 的 目的 。 另 外 ， 也 可 以 在 此 直接 输入 数值 。 


io 
建 Spinbox 的 构造 方法 如 下 。 


Spinbox( 父 对 象 ，options，… ) 


KO 


f 
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Spinbox( ) 方法 的 第 一 个 参数 是 父 对 象 ， 表 示 这 个 Spinbox 将 建立 在 哪 一 个 父 对 象 
内 。 下 列 是 Spinbox( ) 方法 内 其 他 常用 的 options 参数 。 

(L)activebackground: 鼠标 光标 在 Spinbox 控件 上 时 的 背景 颜色 。 

Q)bg: 背景 颜色 。 

(3)borderwidth 或 bd: 3D 边界 宽度 ， 默 认 是 两 个 像素 。 

(4)command: 当 用 户 更 改选 项 时 ， 会 自动 执行 此 函数 。 

(5)cursor: 当 鼠 标 光 标 在 Spinbox 控件 上 时 的 光标 形状 。 

(G)disablebackground: 在 Disabled 状态 时 的 背景 颜色 。 

(7)disableforeground: 在 Disabled 状态 时 的 前 景 颜色 。 

(8)fg: 文字 前 景 颜色 。 

(9)font: 字形 。 

(10)format: 格式 化 的 字符 串 。 

(1Dfrom : 范围 值 的 初 值 。 

(12)inerement: 每 次 单 击 up/down 按钮 的 增值 或 减 值 的 量 。 

(13)justify: 在 有 多 行文 本 时 最 后 一 行 的 对 齐 方式 ， 可 取 值 有 LEFT/CENTER/ 
RIGHT( 靠 左 / 居 中/ 靠 右 )， 默 认 是 居中 对 齐 。 

(14)reliefs 默认 是 FLAT， 可 由 此 更 改 边界 外 观 。 


(15)repeatdelay: 可 设置 单 击 up/down 按钮 变化 数字 的 间隔 时 间 ， 单 位 是 ms， 默 认 
是 300。 


(16)state: 如 果 设 为 DISABLE 则 暂时 无 法 使 用 此 Spinbox， 默 认 是 NORMAL， 也 
可 以 设 为 READONLY。 


(17)textvariable: 可 以 设置 以 变量 方式 显示 。 

(18)values: 可 以 是 元 组 或 其 他 序列 值 。 

(19)to: 范围 值 的 末端 值 。 

(20)width: 对 于 垂直 Spinbox 这 是 槽 的 宽度 ， 对 于 水 平 Spinbox 这 是 槽 的 高 度 。 
(21)wrap: 单 击 up/down 按钮 可 以 让 数值 重新 开始 。 
(22)xscrollcommand: 在 x 轴 使 用 滚动 条 。 


程序 实例 ch9_6.py: Spinbox 控件 初 体验 。 读 者 可 以 用 鼠标 单 击 up/down 按钮 体会 增 
值 或 减 值 ， 也 可 以 按 上 箭头 /下 箭头 键 体验 。 这 个 Spinbox 的 数值 区 间 是 10 — 30， 每 
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次 增值 或 减 值 的 量 是 2。 

# ch9 6.py 

from tkinter import * 
4 root = Tk() 


1 
2 
3 
5 root.title("ch9 6") 

6  root.geometry("300x100") 

7 spin = Spinbox(root,from -10,to-30,increment-2) 
8  spin.pack(pady-20) 

9 
0 


1 


í ch9_6 一 口 f ch9 6 一 口 


root.mainloop() 


备注 : 如 果 想 要 用 上 箭头 / 下 箭头 键 更 改 数值 时 ， 须 先 将 插入 点 放 在 数值 区 。 
í ch9_6 - -EE 
放生 一 一 插入 点 


9-2-2 get( ) 方法 的 应 用 
可 以 使 用 get( ) 方法 取得 目前 Spinbox 的 值 。 


程序 实例 ch9_7.py: 设计 数值 区 间 在 0 ~ 10， 每 次 更 改 数值 1， 每 次 单 击 up/down 按 
钮 时 ， 可 以 在 Python Shell 窗口 中 列 出 目前 显示 的 数值 。 


1 # ch9 7.py 

2 from tkinter import * 

3 

4 def printInfo(): # 打印 显示 的 值 
5 print(sp.get()) 

6 

7 root s Tk() 

8 root.title("ch9 7") 

9 

10 sp = Spinbox(root,from = 0,to = 10, 
11 command - printInfo) 

12  sp.pack(pady-10, padx-10) 

23 


14  root.mainloop() 
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(oo; x | 1 ch97 - x | 


0 E 5 ES 


下 列 是 Python Shell 窗口 显示 的 示范 输出 。 
TAR D:/PythonGUI/ch9/ch9 7.py 


mb 一 


9-2-3 以 序列 存储 Spinbox 的 数值 数据 


其 实在 使 用 Spinbox 时 也 可 以 不 设置 初 值 和 终 值 ， 而 是 将 数值 存储 在 序列 数据 
中 ， 例 如 ， 元 组 或 列表 内 ， 当 单 击 up/down 按钮 时 ， 相 当 于 是 观察 元 组 或 列表 内 索引 
(index) 内 的 值 。 


程序 实例 ch9_8.py: 以 元 组 存储 数值 数据 ， 然 后 单 击 up/down 按钮 观察 执行 结果 。 


# ch9 8.py 
from tkinter import * 


3t 


def printInfo(): 
print(sp.get()) 


打印 号 示 的 


fri 


过 


root = Tk() 
root.title("ch9 8") 


o--cocuBbuNHm 


10 sp = Spinbox(root, 

11 values-(10,38,170,101), it 以 元 组 存储 数值 
12 command=printInfo) 

13  sp.pack(pady-10, padx-10) 


15  root.mainloop() 


UG EX-EdO 由 于 元 组 内 容 是 (10,38,170,101)， 所 以 程序 启动 后 出 现 的 值 是 10， 第 一 次 
单 击 up 按钮 时 值 是 38， 第 二 次 单 击 up 按钮 时 值 是 170。 

1 hs - OE focos - c EB (cos - x | 

ito EN 38 ES 170 ES 
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同时 在 Python Shell 窗口 将 看 到 下 列 结果 。 


RESTART: D:/PythonGUI/ch9/ch9 8.py 
38 
170 


9-2-4 FUE 


我 们 知道 可 以 使 用 列表 (list) 或 元 组 (tuple) 存储 序列 资料 ， 其 实 应 用 在 Spinbox 
内 ， 可 以 是 数值 数据 也 可 以 是 非 数值 数据 ， 例 如 ， 字 符 串 。 


程序 实例 ch9_9.py: 重新 设计 ch9_8.py, 这 次 改 用 列表 , 同时 数据 类 型 是 字符 串 。 


1 # ch9 9.py 

2 from tkinter import * 

3 

4 def printInfo(): # 打印 显示 的 值 
5 print(sp.get()) 

6 

7 root - Tk() 

8 root.title("ch9 9") 

9 cities = (" 新 加 坡 "," 上 海 "," 东 京 ") # 以 元 组 存储 数 信 
10 

11 sp = Spinbox(root, 

12 values-cities, 

13 command-printInfo) 

14  sp.pack(pady-10, padx-10) 

15 


16  root.mainloop() 


1 h - OE / ch99 - c E 1 ch99 - O E 
Lo E +s E 东京 E 


同时 在 Python Shell 窗口 将 看 到 下 列 结果 。 
RESTART: D:\PythonGUI\ch9\ch9 9.py 
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本 章 摘要 
10-1 Message 
10-2 Messagebox 
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本 章 主要 讲解 消息 Message 和 系统 内 建 的 8 个 消息 对 话 框 Messagebox。 


10-1 | Message 


10-1-1 Message 的 基本 概念 


Widget 控件 中 的 Message 主要 是 可 以 显示 短 消息 ， 它 的 功能 与 Label 类 似 ， 但 
是 使 用 起 来 更 灵活 ， 可 自动 分 行 。 对 于 一 些 不 想 再 做 进一步 编辑 的 短文 ， 可 以 使 用 
Message 显示 。Message 的 构造 方法 如 下 。 


Message( 父 对 象 ，options) 

Message( ) 方法 的 第 一 个 参数 是 父 对 象 ， 表 示 这 个 标签 将 建立 在 哪 一 个 父 对 象 
内 。 下 列 是 Message( ) 方法 内 其 他 常用 的 options 参数 。 

(1)anchor: 如 果 空 间 大 于 所 需 时 ， 控 制 消息 的 位 置 ， 默 认 是 CENTER。 

(2)aspect: 控件 宽度 与 高 度 比 ， 默 认 是 150%。 

(3)bg EÈ background: 背景 色彩 。 

(4)bitmap: 使 用 默认 位 图 当 作 Message 内 容 。 

(5)eursor: 当 鼠 标 光 标 在 Message 上 方 时 的 形状 。 

(6)fg IÈ foreground: 字形 色彩 。 

font: 可 选择 字形 、 字 形 样式 与 大 小 。 

(8)height: Message 高 度 ， 单 位 是 字符 。 

(9)image: Message 以 图 像 方式 呈现 。 

(10)justify: 在 有 多 行文 本 时 的 对 齐 方式 ， 取 值 为 LEFT/CENTER/RIGHT( 靠 左 / 居 
中 / 靠 右 )， 默 认 是 居中 对 齐 。 

(11)padx/pady: Message 文字 与 边框 的 间距 ， 单 位 是 像素 。 

(12)relief: 默认 是 relief-FLAT， 可 由 此 控制 文字 外 框 。 

(13)text: Message 内 容 ， 如 果 有 “\n” 则 可 输入 多 行文 字 。 

(14)textvariable: 可 以 设置 Message 以 变量 方式 显示 。 


(15)underline: 可 以 设置 第 几 个 文字 有 下 画 线 ， 从 0 开始 算 起 ， 默 认 是 -1， 表 示 无 下 
画 线 。 


Python GUI 设计 一 一 tkinter 菜鸟 编程 


(16)width: Message 宽度 ， 单 位 是 字符 。 
(17)wraplength: 文本 在 多 少 宽度 后 换行 ， 单 位 是 像素 。 
程序 实例 ch10_1.py: Message 的 基本 应 用 。 


1 # ch10 1.py 

2 from tkinter import * 

3 

4 root = Tk() 

5  root.title("ch10 1") 

6 

7 myText = “2616 年 12 月 ,我 一 个 人 订 了 机 票 和 船 票 ,开始 我 的 南极 旅行 
8 msg = Message(root,bg-"yellow",text-myText, 
9 font-"times 12 italic") 

10 msg.pack(padx-10,pady-10) 

11 


12  root.mainloop() 


10-1-2 使 用 字符 串 变量 处 理 text 参数 
本 节 将 以 实例 直接 讲解 。 


程序 实例 ch10_2.py: 以 字符 串 变 量 方式 处 理 Message( ) 内 的 texto 


# ch10 2.py 
from tkinter import * 


1 
2 
3 
4 root - Tk() 

5  root.title("ch10 2") 
6 

Fi 

8 


var = StringVar() 
msg = Message(root,textvariable=var,relief=RAISED) 


var.set("2816 年 12 月 ,我 一 个 人 订 了 机 票 和 船 票 ,开始 我 的 南极 旅行 ) 
10 msg.pack(padx=10,pady=10) 


it] 


12  root.mainloop() 
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ZEE | 


2016 年 12 月 ,我 一 
个 人 订 了 机 票 和 船 
票 ,开始 我 的 南极 
| EG 
E] 


程序 实例 ch10. 3.py: 扩充 上 述 实例 ， 将 背景 设 为 黄色 。 


# ch10 3.py 
from tkinter import * 


root - Tk() 
root.title("ch10 3") 


var - StringVar() 
msg - Message(root,textvariable-var,relief-RAISED) 
9 ”var.set("2816 年 12 月 ,我 一 个 人 订 了 机 票 和 船 票 ,开始 我 的 南极 旅行 ") 
10 msg.config(bg-"yellow") 
11 msg.pack(padx-10, pady-10) 


ce -Jou5uwNdP 


13  root.mainloop() 


FE 


10-2 | Messagebox 


Python 中 的 tkinter 模块 内 有 Messagebox 模块 ， 提 供 了 8 个 对 话 框 ， 这 些 对 话 框 
可 以 应 用 在 不 同 场合 ， 本 节 将 做 说 明 。 


(I)showinfo(titleomessage,options): 显示 一 般 提示 消息 。 
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f | MyMessage Box 


o PythonTkinterse ze 


Q)showwarning(titleomessage,options): 显示 警告 消息 。 


f My Message Box 


y Y JJ RE ER! 


(3)showerror(titleomessage,options): 显示 错误 消息 。 


f My Message Box 


Q usns 


(4)askquestion(titleomessage,options): 显示 询问 消息 。 若 单 击 “ 是 ”按钮 会 传 回 
“yes”, 若 单 击 “ 和 否 ” 按 钮 会 传 回 “no”。 


f My Message Box EX] 


Q azzar 
EY 


(5)askokcancel(title,message,options): 显示 确定 或 取消 消息 。 若 单 击 “ 确 定 ” 按 钮 
RIRE True， 若 单 击 “ 取 消 ” 按 钮 会 传 回 False. 


中 My Message Box 


Q nenni? 


[a ]| wx 
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(6)askyesno(titleomessage,options): 显示 “是 或 否 ”消息 。 若 单 击 “ 是 ”按钮 会 传 
El True， 若 单 击 “ 和 否 ”按钮 会 传 回 False。 


[/ My Message Box Es] 


Q 是 或 否 ? 


zy) SN) 


(T)askyesnocancel(title,message,options): 显示 “是 或 否 或 取消 ”消息 ， 若 单 击 “ 是 ” 
按钮 会 传 回 True， 若 单 击 “和 否 ”按钮 会 传 回 False， 若 单 击 “ 取 消 ” 按 钮 传 回 None。 


站 My Message Box ES 


(3) 是 或 天 或 取消 ? 


2v AN) Rs 


(8)askretrycancel(title,omessage,options): 显示 “ 重 试 或 取消 ”消息 。 若 单 击 “ 重 
试 ”按钮 会 传 回 True， 若 单 击 “取消 ”按钮 会 传 回 False。 


[i My Message Box 


Â misses? 
TAS) D 
上 述 对 话 框 方法 内 的 参数 大 致 相同 ，title 是 对 话 框 的 名 称 ，message 是 对 话 框 内 的 


XF, options 是 选择 性 参数 ， 可 能 值 有 下 列 三 种 。 


(1)default constant: 默认 按钮 是 OK( 确定 )、Yes( 是 )、Retry( 重 试 ) 在 前 面 ， 也 可 
更 改 此 设 定 。 


(2)icon(constant): 可 设 定 所 显示 的 图 标 A INFO, ERROR, QUESTION, 
WARNING4 种 图 标 可 以 设置 。 


(3)parent(widget): 指出 当 对 话 框 关 闭 时 ， 焦 点 窗口 将 返回 此 父 窗口 。 


最 后 要 留意 的 是 上 述 对 话 框 是 放 在 tkinter 模块 内 的 message 模块 下 ， 所 以 若是 要 
使 用 这 些 默认 的 对 话 框 需要 在 程序 开头 增加 下 列 导入 语句 。 


from tkinter import messagebox 
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程序 实例 ch10_4.py: 对 话 框 设 计 的 基本 应 用 。 


1 # ch16 4.py 

2 from tkinter import * 

3 from tkinter import messagebox 

4 

5 def myMsg(): # Good Morning 按 钮 时 执行 

6 messagebox.showinfo("My Message Box","Python Tkinter 早 安 ") 
7 

8 window = Tk() 

9  window.title("ch10 4") # BI 
10  window.geometry("300x160") # 163002160 
11 
12 Button(window,text-"Good Morning",command-myMsg).pack() 
13 
14  window.mainloop() 

执行 结果 

[4 ch10 4 -0 f — My Message Box ES 


Q womanes= 


使 用 Messagebox 时 ， 可 以 很 容易 建立 和 用 户 之 间 的 对 话 ， 当 用 户 单 击 按钮 时 ， 所 
响应 的 内 容 虽 然 已 经 说 明 过 了 ， 但 是 下 面 还 是 以 设计 程序 行 演示 出 用 户 单 击 功能 按钮 
时 所 传 回 的 信息 。 


程序 实例 ch10_5.py: 设计 两 个 按钮 ， 当 单 击 按钮 时 会 弹出 对 话 框 ， 当 用 户 有 响应 
时 ， 在 Python Shell 窗口 中 列 出 所 响应 的 内 容 。 


# ch10 5.py 
from tkinter import * 
from tkinter import messagebox 


def myMsg1(): 
ret = messagebox.askretrycancel("Test1", "安装 失败 ,再 试 一 次 ?") 
print(" 安 装 失 败 ", ret) 

def myMsg2(): 
ret = messagebox.askyesnocancel("Test2", "编辑 完 成 ,是 或 否 或 取消 ?") 
print(" 编 辑 完成 ", ret) 

root = Tk() 

root.title("ch10 5") # BD 


1 
2 
3 
4 
5 
6 
7 
8 


[:] 


Button (root, text=" 434K" ,command-myMsg1).pack() 
Button(root,text-"2&iS5z5v",command-myMsg2).pack() 


root.mainloop() 
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下 面 是 两 个 实测 结果 。 
E9 Testi EN 


foca Å surnom 


FERK p — 支 装 失败 True 
编 强 完成 
| mum | ws | 
í Test2 
f- 
TRAR @ 编辑 完成 是 或 天 或 取消 ? — 
Li 
[39] [7899] [7993] 


有 了 用 户 单 击 按钮 的 传 回 值 ， 就 可 以 针对 返回 值 做 更 进一步 的 操作 了 。 


事件 和 绑 定 


本 章 摘要 

11-1 Widget 的 command 参数 
11-2 FRE 

11-3 取消 绑 定 

11-4 一 个 事件 绑 定 多 个 事件 处 理 程序 
11-5 Protocols 
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其 实 GUI 程序 是 一 种 事件 导向 的 应 用 程序 设计 ， 事 件 的 来 源 可 能 是 用 户 单 击 鼠 
标 、 键 盘 答 入 或 是 Widget 状态 改变 。tkinter 提供 一 些 机 制 让 我 们 可 以 针对 这 些 事件 做 
做 更 进一步 的 处 理 ， 这 些 处 理 的 方式 称 为 事件 处 理 程序 。 


11-1 | Widget 的 command 参数 


在 前 面 介 绍 了 许多 Widget 控件， 许多 Widget 的 构造 方法 内 可 以 看 到 
command 参数 ， 例 如 ， 功 能 按钮 (Button)、 数 值 滚动 条 (Scale) 等 。 其 实 这 就 是 
一 个 Widget 的 事件 绑 定 的 概念 ， 当 按钮 事件 发 生 、 当 数值 滚动 条 值 改 变 …… 就 可 
以 通过 command=callback， 设 计 callback 函数 ， 这 个 callback 函数 就 是 事件 处 
理 程序 。 


下 列 程序 是 对 前 面 概念 的 复习 。 


lini 


程序 实例 ch11_1.py: 当 单 击 功能 按钮 或 是 选择 复 选 框 时 ， 窗 口 下 方 会 做 出 所 执行 的 
动作 ， 所 利用 的 就 是 Widget 控件 构造 方法 内 的 command 参数 。 


1 # chill 1.py 

2 from tkinter import * 

3 def pythonClicked(): # Python 复 选 框 事件 处 理 程序 
4 if varPython.get(): 

5 lab.config(text-"Select Python") 

6 else: 

7 lab.config(text-"Unselect Python") 

8 def javaClicked(): # Java 复 选 框 事件 处 理 程序 
9 if varJava.get(): 

10 lab.config(text-"Select Java") 

11 else: 

12 lab.config(text-"Unselect Java") 

13 def buttonClicked(): # Button 按 钮 事件 处 理 程序 
14 lab.config(text="Button clicked") 

15 

16 root = Tk() 

17 root.title("ch11 1") # EID 

18  root.geometry("300x180") # 窗口 宽 366 高 180 

19 


20 btn = Button(root,text-" Click me",command-buttonClicked) 

21  btn.pack(anchor-W) 

22  varPython = BooleanVar() 

23  cbnPython = Checkbutton(root,text- Python" ,variable-varPython, 
24 command-pythonClicked) 

25  cbnPython.pack(anchor-MW) 

26  varJava - BooleanVar() 

27  cbnJava = Checkbutton(root,text-"Java",variable-varJava, 

28 command-javaClicked) 
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29  cbnJava.pack(anchor-W) 
30 lab = Label(root,bg-"yellow",fg-"blue", 


31 height-2,width-12, 

32 font-"Times 16 bold") 
33 lab.pack() 

34 


35  root.mainloop() 


t ma -OEA ; -ni x | 


Click me Click me Click n 
厂 Python 人 F Python 
F Java F Java F Java 
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在 tkinter 应 用 程序 中 最 后 一 个 指令 是 mainloop( )， 这 个 方法 是 让 程序 进入 事件 等 
待 循环 ， 除 了 如 11-1 节 的 Widget 控件 状态 改变 可 以 调用 相对 应 的 事件 处 理 程 序 外 ， 
tkinter 也 提供 了 为 事件 绑 定 处 理 程序 的 机 制 。 它 的 语法 格式 如 下 。 


widget.bind(event,handler) 


上 述 绑 定语 法 中 widget 是 事件 的 来 源 ， 可 以 是 root 窗口 对 象 ， 或 是 任意 的 Widget 控 
件 ， 例 如 ， 功 能 按钮 、 选 项 按钮 、 复 选 框 ……handler 是 事件 处 理 程序 。 
鼠标 相关 的 事件 如 下 表 所 示 。 


<Button-1> 单 击 鼠 标 左 键 ， 鼠 标 光 标 相对 控件 位 置 会 被 存 入 事件 对 象 的 x 和 y 变量 

单 击 鼠 标 中 键 ( 鼠标 含 三 个 键 ) ， 鼠 标 光标 相对 控件 位 置 会 被 存 入 事件 对 象 的 x 
<Button-2> 

和 y 变量 
<Button-3> 单 击 鼠 标 右 键 ， 鼠 标 光标 相对 控件 位 置 会 被 存 入 事件 对 象 的 x 和 y 变量 
<Button-4> 鼠标 滑轮 向 上 滚动 ， 鼠 标 光 标 相 对 控件 位 置 会 被 存 入 事件 对 象 的 x 和 y 变量 
<Button-5> 鼠标 滑轮 向 下 深 动 ， 鼠 标 光标 相对 控件 位 置 会 被 存 入 事件 对 象 的 x 和 y 变量 
<Motion> 鼠标 移动 ， 鼠 标 光 标 相对 控件 位 置 会 被 存 入 事件 对 象 的 x 和 y 变量 


鼠标 事件 


<B1-Motion> 
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(BR) 
拖 上 忠 ， 按 住 鼠 标 左 键 再 移动 鼠标 ， 鼠 标 光 标 相 对 控件 位 置 会 被 存 入 事件 对 象 的 
xH yE 


<B2-Motion> 


<B3-Motion> 


拖 上 忠 ， 按 住 鼠标 中 键 再 移动 鼠标 ， 鼠 标 光 标 相对 控件 位 置 会 被 存 入 事件 对 象 的 
x 和 y 变量 
拖 忠 ， 按 住 鼠 标 右键 再 移动 鼠标 ， 鼠 标 光 标 相对 控件 位 置 会 被 存 入 事件 对 象 的 
x 和 y 变量 


<ButtonRelease-1> 


放 开 鼠标 左 键 ， 鼠 标 光标 相对 控件 位 置 会 被 存 入 事件 对 象 的 x 和 y 变 量 


<ButtonRelease-2> 


放 开 鼠标 中 键 ， 鼠 标 光标 相对 控件 位 置 会 被 存 入 事件 对 象 的 x 和 y 变量 


<ButtonRelease-3> 


<Double-Button-2> 


<Double-Button-1> | 连 按 两 下 鼠标 左 键 ， 鼠 标 光标 相对 控件 位 置 会 被 存 入 事件 对 象 的 x 和 y 变量 
<Double-Button-3> | 连 按 两 下 鼠标 右键 ， 鼠 标 光标 相对 控件 位 置 会 被 存 入 事件 对 象 的 x 和 y 变量 


放 开 鼠标 右键 ， 鼠 标 光 标 相 对 控件 位 置 会 被 存 入 事件 对 象 的 x 和 y 变量 


连 按 两 下 鼠标 中 键 ， 鼠 标 光标 相 对 控件 位 置 会 被 存 入 事件 对 象 的 x 和 y 变量 


«Enter» 


«Leave» 鼠标 光标 离开 Widget 控件 


鼠标 光标 进入 Widget 控件 


键盘 相关 的 事件 如 下 表 所 示 。 


键盘 事件 


<Focusln> 键盘 焦点 进入 Widget 控件 
<FocusOut> 键盘 焦点 离开 Widget 控件 

按 下 Enter 键 ， 键 盘 所 有 键 都 可 以 被 绑 定 ， 例 如 ，Cancel、BackSpace、Tab、 
<Return> Shift, Ctrl, Alt, End, Esc, Next(Page Down). Prior(Page Up), Home, End, 


Right, Left, Up. Down, Fl ~ F12, Scroll Lock, Num Lock 


<Key> 


按 下 某 键盘 键 ， 键 值 会 被 储存 在 event 对 象 中 传递 
按 住 Shift 键 时 按 下 Up 键 


<Alt-Up> 按 住 Alt 键 时 按 下 Up 键 
<Ctrl-Up> 按 住 Ctrl 键 时 按 下 Up 键 
控件 相关 事件 如 下 表 所 示 。 
控件 事件 说 明 


更 改 Widget 控件 的 大 小 和 位 置 ， 新 控件 大 小 的 width 与 height 会 储存 在 event 对 象 内 


了 解 了 以 上 事件 绑 定 后 ， 其 实 我 们 已 经 可 以 试 着 学 习 自 我 设计 事件 绑 定 处 理 程 


序 ， 同 时 将 事件 处 理 程序 与 一 般 事件 绑 在 一 起 。 我 们 从 先前 的 学 习 中 可 以 知道 ， 单 击 
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功能 按钮 时 可 以 执行 某 个 动作 ， 所 使 用 的 是 在 Button( ) 内 增加 command 参数 ， 然 后 单 
击 功能 按钮 时 让 程序 执行 command 所 指定 的 方法 。 


其 实 设计 功能 按钮 程序 时 ， 若 是 在 Button( ) 内 省 略 command 参数 ， 所 产生 的 影响 
是 单 击 功能 按钮 时 没有 动作 。 然 后 我 们 可 以 使 用 本 节 的 知识 重新 让 单 击 功能 按钮 有 动 
作 产 生 ， 假 设 功能 按钮 对 象 是 btn， 可 以 使 用 下 列 方 式 建立 单 击 与 事件 的 绑 定 。 


btn.bind("<Button-1>", event handler) 
程序 实例 ch11_1_1.py: 重新 设计 程序 chl1_1.py， 使 用 事件 绑 定 方式 让 单 击 Click 


me 按钮 后 可 以 列 出 “Button clicked” 字 符 串 。 对 这 个 程序 而 言 ， 功 能 按钮 就 是 bind() 
方法 的 事件 来 源 ， 所 以 第 22 行 用 btn.bind( ) 建立 绑 定 工作 。 


1 并 chill 1 1.py 

2 from tkinter import * 

3 def pythonClicked(): it Python & iX 1E SR (EAEISISIS 
4 if varPython.get(): 

5 lab.config(text-"Select Python") 

6 else: 

7 lab.config(text-"Unselect Python") 

8 def javaClicked(): # Java X dE RR (EASTER 
9 if varJava.get(): 

10 lab.config(text-"Select Java") 

11 else: 

12 lab.config(text-"Unselect Java") 

13 def buttonClicked(event): # Button 按 钮 事件 处 理 程 序 
14 lab.config(text="Button clicked") 

15 

16 root = Tk() 

17 root.title("ch11 1 1") tA 

18  root.geometry("300x180") ig 

19 


20 btn = Button(root,text-"Click me") 
21  btn.pack(anchor-W) 
22 Jbtn.bind("«Button-1»",buttonClicked) # 单 击 Click me 绕 定 buttonClicked 方 法 


24  varPython = BooleanVar() 
25  cbnPython = Checkbutton(root,text-"Python",variable-varPython, 
26 command-pythonClicked) 


27  cbnPython.pack(anchor-W) 

28  varJava - BooleanVar() 

cbnJava = Checkbutton(root,text-"Java",variable-varJava, 

command-javaClicked) 

cbnJava.pack(anchor-W) 

lab - Label(root,bg-"yellow",fg-"blue", 
height-2,width-12, 
font-"Times 16 bold") 

lab.pack() 


root.mainloop() 
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UIRE-LJE 与 chll 1.py 相同 。 


11-2-1 鼠标 绑 定 的 基本 应 用 


程序 实例 ch11_2.py: 鼠标 事件 的 基本 应 用 ， 这 个 程序 在 执行 时 会 建立 300X 180 
大 小 的 窗口 ， 当 单 击 鼠 标 左 键 时 ， 在 Python Shell 窗口 中 会 列 出 单 击 事件 时 的 坐标 。 


4 ch11 2.py 
from tkinter import * 
def callback(event): 
print("Clicked at", event.x, event.y) 


root - Tk() 

root.title("ch11 2") 

frame = Frame(root,width-300,height-180) 

9  frame.bind("«Button-1»",callback) it 绑 定 callback 
10  frame.pack() 


oX4o0oub5BuNmHAÓ 


12  root.mainloop() 


下 面 是 Python Shell 示范 输出 界面 。 


= RESTART: D:/PythonGUI/chll/chll 2.py 
Clicked at 98 81 

Clicked at 147 76 

Clicked at 207 71 

Clicked at 208 112 


在 程序 第 3 行 绑 定 的 事件 处 理 程序 中 必须 留意 ，callback(eventb) 需 有 参数 event, 
event 名 称 可 以 自 定义 ， 这 是 因为 事件 会 传递 事件 对 象 给 此 事件 处 理 程序 。 


程序 实例 ch11_2_1.py: 移动 鼠标 时 可 以 在 窗口 右 下 方 看 到 鼠标 目前 的 坐标 。 


1 P chll 2 1.py 

2 from tkinter import * 

3 def mouseMotion(event): it Mouse 移 动 

4 X - event.x 

5 y = event.y 

6 textvar = "Mouse location - x:(), y:()".format(x,y) 
T var.set(textvar) 

8 
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9 root = Tk() 


10 root.title("ch11 2 1") tA 

11  root.geometry("300x180") i &L12:3002:180 
12 

13 x,y-29,0 # x,y 坐 标 


14 var = StringVar() 
15 text = "Mouse location - x:{}, y:{}".format(x,y) 
16  var.set(text) 


18 lab = Label(root,textvariable-var) # 建立 村 签 
19  lab.pack(anchor-S, side-RIGHT, padx-10, pady-10) 


21  root.bind("«Motion»",mouseMotion) # 添加 事件 处 


23  root.mainloop() 


/ c2: -cCNEB 1 on21 - OEE 


BR 


Mouse location - x0, y:0 Mouse location - x96, y:79 


程序 实例 ch11_3.py: 这 个 程序 在 执行 时 ， 如 果 鼠 标 光标 进入 Exit 功能 按钮 ， 会 在 黄色 
底 的 标签 区 域 显示 “鼠标 进入 Exit 功能 按钮 ”， 如 果 鼠 标 光标 离开 Exit 功能 按钮 ， 会 在 
黄色 底 的 标签 区 域 显示 “鼠标 离开 Exit WAZH”, WRAT Exit 按钮 ， 程 序 结束 。 


# ch11 3.py 

from tkinter import * 

def enter(event): # Enter 事 件 处 理 程序 
x.set( "鼠标 进入 Exit 功 能 按钮 ") 

def leave(event): # Leave 事 件 处 理 程序 


x.set( "鼠标 离开 Exit 功 能 按钮 ") 


root = Tk() 
root.title("chll 3") 
10  root.geometry("300x180") 


oono wne 


12 btn = Button(root,text-"Exit",command-root.destroy) 

13 btn.pack(pady=30) 

14  btn.bind("«Enter»",enter) # 进入 绑 定 enter 
15  btn.bind("«Leave»",leave) # 离开 线 定 leave 


17 x = StringVar() 


第 11 E 


18 lab = Label(root,textvariable-x, # 
19 bg-"yellow",fg-"blue", 

20 height - 4, width-15, 

21 font-"Times 12 bold") 

22  lab.pack(pady-30) 

23 


24  root.mainloop() 


1 m3 -0E 1 ous -OEE ; -EE 
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程序 实例 ch11_4.py: 这 是 一 个 测试 键盘 绑 定 的 程序 ， 在 执行 时 会 出 现 窗 口 ， 若 是 按 
Esc 键 ， 将 出 现 对 话 框 询问 是 否 离开 ， 单 击 “ 是 ”按钮 可 以 离开 程序 ， 单 击 “ 否 ”按钮 
程序 继续 。 


1 # chll 4.py 

2 from tkinter import * 

3 from tkinter import messagebox 

4 

5 def leave(event): # <Esc> 事 件 处 理 程 上 
6 ret = messagebox.askyesno("ch11 4", "是 否 离 开 ?") 

7 if ret == True: 

8 root.destroy() # 结束 程序 

9 else: 

10 return 


12 root - Tk() 
13 root.title("ch11 4") 


15  root.bind("«Escape»",leave) 
16 lab = Label(root,text-"Jl|;tEsc EE", 


17 bg-"yellow",fg-"blue", 
18 height - 4, width-15, 
19 font-"Times 12 bold") 
20  lab.pack(padx-30, pady-30) 

21 


22  root.mainloop() 
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执行 结果 
/ hna - E ' ch11 4 Ies] 


[?] BEER) 
按 Esc 键 es 


Cav ] aw 


程序 实例 ch11_5.py: 这 个 程序 在 执行 时 用 «Key» 作 绑 定 事件 key， 整 个 程序 执行 时 
会 将 所 按 a … z 键 打印 出 来 。 这 个 程序 第 4 行使 用 了 比较 少 使 用 的 repr( ) 函数 ， 这 个 
函数 会 将 参数 处 理 成 字符 串 。 


1 # chll 5.py 

2 from tkinter import * 

3 def key(event): E 

4 print(" 按 了 ”+ repr(event.char) + " &") 
5 


6 root - Tk() 
7 root.title("chl1 5") 


9  root.bind("«Key»",key) # «Key»SEHUEkeypgjzX 


11  root.mainloop() 
执行 结果 
f ch1..— 口 [eost] 


下 面 是 按 了 一 个 非 a 一 z 键 和 a、k、g 键 的 结果 。 


E RESTART: D: VPythonGUIVchllYchll 5.py 


'* 
' 键 
UR 


35553535 
ASAA 
aa 


11-2-3 键盘 与 鼠标 事件 绑 定 的 陷阱 
我 们 在 第 8 章 学 习 了 框架 Frame 的 观念 ， 框 架 本 身 是 一 个 Widget 控件 ， 在 使 用 框 


第 11 章 ”事件 和 绑 定 


架 时 需 特别 小 心 获得 焦点 的 概念 ， 当 事件 绑 定 与 Frame 有 关 时 ， 必 须 在 Frame 获得 焦 
点 时 ， 键 盘 绑 定 才 可 生效 。 


程序 实例 ch11_6.py: 键盘 与 鼠标 绑 定 Frame 对 象 的 应 用 。 


1 # chll 6.py 

2 from tkinter import * 

3 def key(event): # 列 出 所 按 的 链 

4 print("j£ 7 ”+ repr(event.char) + " &") 

5 

6 def coordXY(event): # 列 出 鼠标 坐标 

7 frame.focus set() # frame 对 象 获得 焦点 
8 


print(" 鼠 标 坐 标 : ", event.x, event.y) 


10 root = Tk() 
11 root.title("ch11 6") 


12 
13 frame - Frame(root, width-100, height-100) 
14  frame.bind("«Key»", key) # frame 对 象 的 <Key> 绑 定 key 


15 frame.bind("«Button-1»", coordXY) # frame 对 象 单 击 绕 定 coordXY 
16  frame.pack() 


18  root.mainloop() 


EEES 这 个 程序 在 执行 时 必须 将 鼠标 光标 放 在 窗口 内 ， 同 时 先 有 鼠标 单 击 ， 这 时 第 
7 行 同时 使 用 frame.focus_set( ) 让 Widget 控件 frame 获得 焦点 ， 然 后 按键 才 可 以 动作 。 


r- > | 


下 面 是 示范 输出 界面 。 
A D: WPythonGUIWchll'chll 6.py 
鼠标 坐标 : 39 31 

HI 'a' 键 

Er s 

Br 键 

至 于 chll 5.py 程序 在 一 开始 时 即 可 执行 ， 原 因 是 此 程序 是 在 root 窗口 执行 绑 
定 ， 在 程序 被 启动 时 此 窗口 已 经 获得 焦点 。 


EE 取消 绑 定 


取消 绑 定 obj 的 方法 如 下 。 


obj.unbind( "«xxx»" ) 4 «xxx» 是 绑 定 方式 


Python GUI 设计 一 一 tkinter 菜鸟 编程 


程序 实例 ch11_7.py: 这 是 一 个 tkinter 按钮 程序 ， 在 tkinter 按钮 下 方 有 复 选 框 bind/ 
unbind。 如 果 色 选 这 个 复 选 框 ， 相 当 于 有 绑 定 ， 在 单 击 tkinter 按钮 时 Python Shell 会 列 
出 字符 串 “I like tkinter”。 如 果 没 有 选择 这 个 复 选 框 ， 相 当 于 没有 绑 定 ， 在 单 击 tkinter 
按钮 时 Python Shell 没有 任何 动作 产生 。 


1 # chll 7.py 

2 from tkinter import * 

3 def buttonClicked(event): # Button 

4 print("I like tkinter") 

5 

6 # 所 传递 的 对 象 onoff 是 btn 对 象 

7 def toggle(onoff): # RRE 

8 if var.get() == True: # 如 果 True 比 定 

9 onoff.bind("«Button-1»",buttonClicked) 

10 else: # 如 果 False 不 绑 定 

11 onoff .unbind("«Button-1»") 

12 

13 root - Tk() 

14 root.title("chi1l 7") # 窗口 标题 

15  root.geometry("300x180") 离 口 宽 306 高 186 

16 

17 btn = Button(root,text-"tkinter") # tkinter 

18 btn.pack(anchor=W,padx=10,pady=10) 

19 

20 var - BooleanVar() # 

21 cbtn = Checkbutton(root,text-"bind/unbind",variable-var, 

22 command=lambda:toggle(btn)) 

23  cbtn.pack(anchor-MW, padx-10) 

24 

25  root.mainloop() 

执行 结果 
站 ch11.7 -oKmBm [j chi 7 - n x | 
tkinter tkinter 
厂 bind/unbind kh 


当 按 钮 与 复 选 框 绑 定时 ， 单 击 tkinter 按钮 会 在 Python Shell 窗口 中 打印 “I like 
tkinter” 字 符 串 。 
RESTART: D:/PythonGUI/chll/chll 7.py 


I like tkinter 
I like tkinter 


$8118 
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11-4 | 一 个 事件 绑 定 多 个 事件 处 理 程序 


之 前 程序 中 使 用 bind( ) 方法 时 可 以 绑 定 一 个 事件 处 理 程序 ，tkinter 也 允许 我 们 执 
行 一 个 事件 绑 定 多 个 事件 处 理 程序 ， 同 样 是 使 用 bind( ) 方法 ， 但 是 新 增加 的 事件 处 理 
程序 需要 在 bind( ) 方法 内 增加 参数 add="+"。 


程序 实例 ch11_8.py: 一 个 单 击 功能 按钮 动作 ， 会 有 两 个 事件 处 理 程序 做 出 响应 。 


1 # chil 8.py 

2 from tkinter import * 

3 def btnClicked1(): # Button Í 
4 print("Command event handler, I like tkinter") 

5 def btnClicked2(event): # Button 2 
6 print("Bind event handler, I like tkinter") 

7 

8 root - Tk() 


9 root.title("ch11 8") 
10  root.geometry("300x180") 


11 
12 btn = Button(root,text-"tkinter", i 
13 command-btnClicked1) 


14  btn.pack(anchor-W, padx-10, pady-10) 
15 btn.bind("«Button-1»",btnClicked2,add-"«") # 添加 事件 处 理 程序 


17  root.mainloop() 


若 单 击 tkinter 功能 按钮 ， 可 以 在 Python Shell 窗口 中 看 到 执行 两 个 事件 处 理 程序 


一 RESTART: D:/PythonGUI/chll/chll 8.py 
Bind event handler, I like tkinter 
Command event handler, I like tkinter 


从 上 述 我 们 也 发 现 了 当 单 击 按钮 事件 发 生 时 ， 程 序 会 先 执行 bnd( ) 绑 定 的 程序 ， 
执行 Button( ) 内 command 指定 的 程序 。 


然后 


机 


Python GUI i&it——tkinter 菜鸟 编程 


11-5 | Protocols 


Protocols 可 以 翻译 为 通信 协议 ， 在 tkinter 内 可 以 解释 为 窗口 管理 程序 (Windows 
Manager) 与 应 用 程序 (Application) 之 间 的 通信 协议 。tkinter 也 支持 使 用 绑 定 概念 更 改 
此 通信 协议 。 


程序 实例 ch11_9.py: 单 击 通信 协议 (Protocols) 内 容 窗口 右上 角 的 贺 按 钮 可 以 关闭 窗 
， 它 的 名 称 是 WM_DELETE WINDOW。 这 个 程序 会 修改 此 协议 ， 改 为 单 击 此 按钮 
后 增加 Messagebox， 询 问 “ 结 束 或 取消 ” 若是 单 击 “ 确 定 ” 按 钮 才 会 结束 此 程序 。 


n 


1 # chll 9.py 

2 from tkinter import * 

3 from tkinter import messagebox 
4 

5 def callback(): 

6 res = messagebox.askokcancel("OKCANCEL" "结束 或 取消 六 ) 
z if res == True: 

8 root.destroy() 

9 else: 

10 return 

11 


12 root = Tk() 

13 root.title("ch11 9") 

14  root.geometry("300x180") 

15 root.protocol("WM DELETE WINDOW",callback) # 更 改 协 议 绑 定 


17  root.mainloop() 


执行 结果 
1 ms -^oEN———. ': OKCANCEL 


o 结束 或 取消 ? 
v. 


列表 框 Listbox 与 滚动 条 
Scrollbar 


本 章 摘要 

12-1 建立 列表 框 

12-2 ”建立 列表 框 项 目 insert( ) 
12-3 Listbox 的 基本 操作 
12-4 Listbox 与 事件 绑 定 
12-5 活用 加 入 和 删除 项 目 
12-6 Listbox 项 目的 排序 
12-7 $88 Listbox 中 的 项 目 
12-8 ”滚动 条 的 设计 
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列表 框 (Listbox) 是 一 个 显示 一 系列 选项 的 Widget 控件 ， 用 户 可 以 进行 单项 或 多 
项 的 选择 。 


12-1 5 | 


它 的 使 用 格式 如 下 。 

Listbox( 父 对 象 ，options，… ) 

Listbox( ) 方法 的 第 一 个 参数 是 父 对 象 ， 表 示 这 个 列表 框 将 建立 在 哪 一 个 父 对 象 
内 。 下 列 是 Listbox( ) 方法 内 其 他 常用 的 options 参数 。 

(1)bg 或 background: 背景 色彩 。 

(2)borderwidth 或 bd: 边界 宽度 ， 默 认 是 两 个 像素 。 

Q)eursor: 当 鼠 标 光 标 在 列表 框 上 时 的 光标 形状 。 

(4)fg 或 froeground: 字形 色彩 。 

(5)font: 字形 。 

(6)height: 高 ， 单 位 是 字符 ， 默 认 是 10。 


(8)highlightthickness: 当 列表 框 获得 焦点 时 的 厚度 。 

(9)listvariable: 以 变量 方式 处 理 选项 内 容 。 

(10)relief: 默认 是 relief-FLAT， 可 由 此 控制 列表 框 外 框 ， 默 认 是 SUNKEN。 

(11)selectbackground: 被 选取 字符 串 的 背景 色彩 。 

(12)selectmode: 可 以 决定 有 多 少 选 项 可 以 被 选 ， 以 及 鼠标 拖 忠 如 何 影 响 选项 。 

(D BROWSE: 这 是 默认 值 ， 我 们 可 以 选择 一 个 选项 ， 如 果 选 取 一 个 选项 同时 拖 电 
鼠标 ， 将 造成 选项 最 后 的 位 置 是 被 选取 的 项 目 位 置 。 

Q)SINGLE: 只 能 选择 一 个 选项 ， 可 以 用 单 击 方式 选取 ， 不 可 用 拖 忠 方式 更 改 所 选 
的 项 目 。 

@ MULTIPLE: 可 以 选择 多 个 选项 ， 单 击 项 目 可 以 切换 是 否 选 择 该 项 目 。 

(D EXTENDED: 单 击 第 一 个 项 目 然 后 拖 忠 到 最 后 一 个 项 目 ， 即 可 选择 这 个 区 间 的 
一 系列 选项 。 单 击 可 以 选择 第 一 个 项 目 ， 此 时 若是 按 住 Shift 键 并 单 击 另 一 个 项 
目 ， 可 以 选取 区 间 项 目 。 
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(13)width: 宽 ， 单 位 是 字符 。 
(14)xscrollcommand: 在 x 轴 使 用 滚动 条 。 
(15)yscrollcommand: 在 y 轴 使 用 滚动 条 。 


程序 实例 ch12 1.py: 建立 列表 框 1， 然 后 使 用 字符 高 度 5 建立 列表 框 2。 


# ch12 1.py 
from tkinter import * 


£ 
2 
3 
4 root - Tk() 
5 
6 
7 
8 


root.title("ch12 1") # AOA 
root.geometry("300x210") # 窗口 宽 366 高 216 
lbi = Listbox(root) # 建立 listbox 1 


9 1lb1.pack(side=LEFT,padx=5,pady=10) 
10 1b2 = Listbox(root,height-5,relief-"raised") # 建立 listbox 2 
11 1b2.pack(anchor=N,side=LEFT,padx=5,pady=10) 


13 root.mainloop() 


í ch12_1 -H 


|12-2. 建立 列表 框 项 目 insert( ) 


可 以 使 用 insert( ) 方法 为 列表 框 建 立项 目 ， 这 个 方法 的 使 用 格式 如 下 。 


insert(index, elements) 


上 述 index 是 项 目 插入 位 置 ， 如 果 是 插 在 最 后 面 可 以 使 用 END。 


程序 实例 ch12_2.py: 建立 列表 框 ， 同 时 为 这 个 列表 框 建立 Banana, Watermelon, 
Pineapple 三 个 项 目 。 


Python GUI 设计 一 一 tkinter 菜鸟 编程 


# ch12 2.py 
from tkinter import * 


root.title("ch12 2") # 窗口 标题 


1 

2 

3 

4 root = Tk() 
5 

6  root.geometry("300x210") t 1530025210 
7 

8 lb = Listbox(root) # 建立 listbox 

9  lb.insert(END, "Banana") 

10  lb.insert(END, Watermelon") 

11 ]b.insert(END, "Pineapple") 

12  lb.pack(pady-10) 


14  root.mainloop() 


1 w2 -OEN 1 w2 -OEE 
Banana - x Banana 
Watermelon 
Pineapple Pineapple ` 
单 击 Watermelon 


上 述 程序 中 第 9 ~ 11 行 是 建立 列表 项 目 ， 因 为 只 有 三 个 项 目 所 以 使 用 上 述 方式 一 
次 建立 一 个 还 不 会 太 复杂 ， 但 是 如 果 所 要 建立 的 项 目 很 多 时 ， 建 议 使 用 list 方式 先 存 
储 项 目 ， 然 后 使 用 for … in 循环 方式 将 list 内 的 列表 项 目 插入 到 列表 框 。 


程序 实例 12 3.py: 建立 含 6 个 项 目的 列表 框 ， 程 序 第 3、4 行 是 建立 fruits 列表 ， 第 
11、12 行 是 分 别 将 列表 元 素 插入 列表 框 内 。 


1 # ch12 3.py 


2 from tkinter import * 

3 fruits - ["Banana","Watermelon","Pineapple", 
4 "Orange", Grapes" ,"Mango"] 

5 

6 root = Tk() 

7 root.title("ch12 3") t 窗口 标题 

8 root.geometry("300x210") # 窗口 宽 306 高 216 
9 

10 lb = Listbox(root) # 建立 1istbox 
11 for fruit in fruits: # 建立 水 果 项 目 
12 lb.insert(END,fruit) 

13 ]b.pack(pady-10) 

14 


15  root.mainloop() 
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E 


程序 实例 ch12_4.py: 重新 设计 chl2 3.py， 主 要 是 在 第 10 行使 用 Listbox( ) 构造 方法 
时 增加 selectmode-MULTIPLE 参数 设置 ， 这 个 设置 可 以 让 用 户 选取 多 个 项 目 。 


1 # ch12 4.py 

2 from tkinter import * 

3 fruits = ["Banana", "Watermelon", "Pineapple", 
4 "Orange" , "Grapes" ,"Mango"] 

5 

6 root = Tk() 

7 root.title("ch12 4") ig 
8  root.geometry(" 300x210") tg 
g 

10 lb = Listbox(root,selectmode-MULTIPLE) # i$ 
11 for fruit in fruits: # 建 
12 lb.insert(END, fruit) 

13  lb.pack(pady-10) 

14 


15  root.mainloop() 


/chi24 -cNM ( m24 -EE 
Banana 
Watermelon 
Pineapple Pineapple | 
Orange 
IGrapes 


pa 
Mango 单 击 多 个 选项 m 


程序 实例 ch12. 5.py: 使 用 selectmode-EXTENDED 参数 ， 重 新 设计 ch12_4.py， 此 时 
可 以 用 拖 上 忠 的 方式 选择 区 间 项 目 。 如 果 先 单 击 一 个 项 目 ， 然 后 按 住 Shift 键 并 单 击 另 一 
个 项 目 可 以 选取 这 个 区 间 内 的 项 目 。 
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1 4 ch12 5.py 

2 from tkinter import * 

3 fruits = ["Banana","Watermelon","Pineapple", 

4 "Orange" , "Grapes" , "Mango"] 

5 

6 root = Tk() 

7 root.title("ch12 5") t 窗口 标题 

8  root.geometry("300x210") # 23005210 
9 


10 lb = Listbox(root,selectmode-EXTENDED) # 


11 for fruit in fruits: # 建立 水 果 项 目 
12 lb.insert(END, fruit) 

13 ]b.pack(pady-10) 

14 


15  root.mainloop() 


1 wms -OEE 1 ws -OEE 


Banana 
atermelon 
E 
R range 一 
ent 拖 电 选 择 多 个 选项 


目前 插入 选项 皆 是 插 在 最 后 面 ， 所 以 语法 是 insert(END,elements)， 其 实 第 一 个 参 
数 是 索引 值 ， 如 果 将 END 改 为 ACTIVE， 表 示 是 在 目前 选项 前 面 加 入 一 个 项 目 ， 如 果 
尚未 选择 选项 则 此 ACTIVE 是 0。 


程序 实例 ch12 6.py: 先 建 立 三 个 选项 ， 然 后 使 用 insert(ACTIVE,elements … ) 在 目前 
选项 前 方 建立 另外 三 个 选项 。 


1 # chl2 6.py 

2 from tkinter import * 

3 fruits = ["Banana","Watermelon","Pineapple"] 

4 

5 root = Tk() 

6  root.title("ch12 6") # 窗口 标题 

7  root.geometry("300x210") # &[123005210 

8 
lb = Listbox(root,selectmode-EXTENDED) # 拖 电 可 以 选择 多 选项 
for fruit in fruits: # 建立 水 果 项 目 


lb.insert(END,fruit) 
lb.insert(ACTIVE, "Orange","Grapes","Mango") & 
lb.pack(pady-10) 


root.mainloop() 
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1 ch12 6 -olKmg 


range 
rapes 
Mango 
Banana 
atermelon 

Pineapple 


读者 请 留意 第 12 行 一 次 插入 了 三 个 项 目的 方式 。 


12-3 | Listbox 的 基本 操作 


本 节 将 介绍 下 列 常 用 的 Listbox 控件 操作 的 方法 。 

(1)size( ): 传 回 列表 项 目的 数量 ， 可 参考 12-3-1 节 。 
(2)selection set( ): 选取 特定 索引 项 ， 可 参考 12-3-2 节 。 

(3)delete( ): 删除 特定 索引 项 ， 可 参考 12-3-3 节 。 

(4)get( ): 传 回 指定 索引 项 ， 可 参考 12-3-4 节 。 

(5)curselection( ): 传 回 选取 项 目的 索引 ， 可 参考 12-3-5 节 。 
(6)selection_include( ): 检查 指定 索引 是 否 被 选取 ， 可 参考 12-3-6 节 。 


12-3-1 ， 列 出 列表 框 的 选项 数量 size( ) 


这 个 方法 可 以 列 出 选项 数目 。 

程序 实例 ch12_7.py: 参考 chl2 5.py 建立 列表 框 ， 然 后 列 出 列表 框 中 的 项 目 数量 。 
1 # chl2 7.py 

2 from tkinter import * 

3 fruits = ["Banana", "Watermelon", "Pineapple", 

4 "Orange" , "Grapes" , "Mango"] 

5 

6 root = Tk() 

7 root.title("ch12 7") tA 

8  root.geometry("300x210") HA 

9 

10 lb = Listbox(root,selectmode-EXTENDED) # ERM ARRA 
11 for fruit in fruits: # 建立 水 果 项 


12 lb.insert(END, fruit) 
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13 1lb.pack(pady=16) 
14 print("items 数 字 : ", lb.size()) # 列 出 选项 数量 


16  root.mainloop() 


UU RECESS 下 面 是 Python Shell 窗口 中 的 执行 结果 。 


RESTART: D: \PythonGUI\ch12\ch12_7.py 


items 数 字 : 6 


12-3-2 选取 特定 索引 项 selection_set( ) 


如 果 selection_set( ) 方法 内 含 一 个 参数 ， 表 示 选 取 这 个 索引 项 ， 这 个 功能 常 被 用 
于 在 建立 好 Listbox 后 ， 设 定 初次 选择 的 项 目 。 


程序 实例 ch12 8.py: 建立 一 个 Listbox， 然 后 设 定 初 次 的 选择 项 目 是 索引 为 0 的 项 
目 ， 读 者 需 留意 第 14 行 。 


1 # chl2 8.py 


2 from tkinter import * 
3 fruits = ["Banana","Watermelon","Pineapple", 
4 "Orange" , "Grapes" , "Mango"] 
5 
6 root - Tk() 
7 root.title("ch12 8") * 窗口 标题 
8 root.geometry("300x210") # 窗口 宽 306 高 216 
9 
10 lb = Listbox(root) 
11 for fruit in fruits: # 建立 水 果 项 目 
12 lb.insert(END,fruit) 
13 ]b.pack(pady-10) 
14  lb.selection set(0) # 默认 选择 第 6 个 项 
15 


16  root.mainloop() 


[4 ch12.8 一 口 


latermelon 
Pineapple 
range 
rapes 
lango 


如 果 在 selection set( ) 方法 内 有 两 个 参数 时 ， 则 表示 选取 区 间 选 项 ， 第 一 个 参数 
是 区 间 的 起 始 索引 项 ， 第 二 个 参数 是 区 间 的 结束 索引 项 。 
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程序 实例 ch12_9.py: 建立 一 个 Listbox， 然 后 设 定 初次 的 选择 项 目 是 索引 为 0 一 3 的 
项 目 ， 读 者 需 留意 第 14 行 。 


# ch12 9.py 

from tkinter import * 

fruits = ["Banana","Watermelon"," Pineapple", 
"Orange" , "Grapes" , "Mango"] 


root - Tk() 
root.title("ch12 9") 
root.geometry("300x210") 


+ 


次 襄 标题 


次 口 宽 366 高 21 


ONDOA WNE 


H 


19 lb = Listbox(root,selectmode=EXTENDED) # iip 
11 for fruit in fruits: 建立 水 果 项 目 
12 lb.insert(END,fruit) 
13  b.pack(pady-10) 

14  lb.selection set(0,3) 


并 


E 


16  root.mainloop() 


12-3-3 ”删除 特定 索引 项 delete( ) 
WR delete( ) 方法 内 含 一 个 参数 ， 表 示 删 除 这 个 索引 项 。 


程序 实例 ch12_10.py: 建立 Listbox 后 删除 索引 为 1 的 项 目 ， 原 先 索 引 为 1 的 项 目 是 
Watermelon， 经 执行 后 将 没有 显示 ， 因 为 已 经 被 删除 了 ， 读 者 需 留意 第 14 行 。 


# ch12 10.py 
from tkinter import * 
fruits = ["Banana","Watermelon","Pineapple", 


"Orange" , "Grapes" , "Mango"] 


标明 
TNR 


root.title("ch12 10") tA 
root . geometry ("300x210") it 窗口 宽 366 高 219 


lb = Listbox(root) 
for fruit in fruits: 


1 
2 
3 
4 
5 
6 root - Tk() 
7 
8 
9 
[7] 
1 


+ 


建立 水 果 项 
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12 lb.insert(END, fruit) 

13 ]b.pack(pady-10) 

14 lb.delete(1) # 删除 索引 为 1 的 项 目 
15 


16  root.mainloop() 


í ch12 10 -oKmN 


如 果 在 delete( ) 方法 内 有 两 个 参数 时 ， 则 表示 删除 区 间 选 项 ， 第 一 个 参数 是 区 间 
的 起 始 索引 项 ， 第 二 个 参数 是 区 间 的 结束 索引 项 。 


程序 实例 ch12_11.py: 建立 一 个 Listbox， 然 后 删除 索引 为 1 ~ 3 的 项 目 ， 读 者 需 留 
意 第 14 行 。 


# ch12 11.py 

from tkinter import * 

fruits = ["Banana","Watermelon", "Pineapple", 
"Orange" , "Grapes" ,"Mango"] 


root - Tk() 
root.title("ch12 11") 
root.geometry("300x210") 


LES 


10 lb = Listbox(root) 

11 for fruit in fruits: # 建立 水 果 项 目 

12 lb.insert(END, fruit) 

13 lb.pack(pady=10) 

14 lb.delete(1,3) # 删除 索引 为 1 一 3 的 项 目 


16 root.mainloop() 
执行 结果 
CE x | 


Banana 


apes 
Mango 
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12-3-4 ， 传 回 指定 的 索引 项 get( ) 
如 果 get() 方法 内 含 一 个 参数 ， 表 示 传 回 这 个 索引 项 的 元 素 内 容 。 
程序 实例 ch12. 12.py: 建立 Listbox 后 ， 传 回 索引 为 1 的 项 目 。 


1 # ch12 12.py 


2 from tkinter import * 

3 fruits = ["Banana","Watermelon","Pineapple", 
4 "Orange" , "Grapes" ,"Mango"] 

5 

6 root - Tk() 

7 root.title("ch12 12") tA 

8 root.geometry("300x210") tA 

9 

10 lb = Listbox(root) 

11 for fruit in fruits: # 建立 水 果 项 目 
12 lb.insert(END, fruit) 

13  lb.pack(pady-10) 

14 print(1b.get(1)) # 打印 索引 为 1 的 项 目 
15 


16  root.mainloop() 


RESTART: D:\PythonGUI\ch12\ch12_12.py 
Watermelon 


如 果 在 get( ) 方法 内 有 两 个 参数 时 ， 则 表示 传 回 区 间 选 项 ， 第 一 个 参数 是 区 间 的 
起 始 索引 项 ， 第 二 个 参数 是 区 间 的 结束 索引 项 ， 所 传 回 的 值 用 元 组 方式 传 回 。 


程序 实例 ch12_13.py: 建立 Listbox 后 ， 传 回 索引 为 1 ~ 3 的 项 目 。 


1 # chl2 13.py 

2 from tkinter import * 

3 fruits = ["Banana","Watermelon","Pineapple", 
4 "Orange" , "Grapes" , "Mango"] 

5 

6 root - Tk() 

7 root.title("ch12 13") 

8  root.geometry("300x210") 

9 

10 lb = Listbox(root) 

11 for fruit in fruits: # 建立 水 果 项 目 
12 lb.insert(END, fruit) 

13 ]b.pack(pady-10) 

14 print(1b.get(1,3)) # 打印 索引 为 1 一 3 的 项 目 
15 


16  root.mainloop() 
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执行 结果 
RESTART: D:/PythonGUI/chl2/chl2 13.py 


| ('Watermelon', 'Pineapple', 'Orange') 


12-3-5 传 回 所 选取 项 目的 索引 curselection( ) 
这 个 方法 会 传 回 所 选取 项 目的 索引 。 


程序 实例 ch12_14.py: 建立 列表 框 ， 当 选择 选项 时 ， 若 单 击 Print 按钮 可 以 在 Python 
Shell 窗口 中 打印 所 选取 的 内 容 。 读 者 需 留意 程序 第 4 行 是 获得 所 选 的 索引 项 ， 如 果 所 
选项 目 超过 两 个 会 用 元 组 传 回 ， 所 以 第 5、6 行 可 以 列 出 所 选取 索引 项 的 内 容 。 


1 # ch12 14.py 

2 from tkinter import * 

3 def callback(): # 打印 所 选 的 项 目 
4 indexs = lb.curselection() 

S for index in indexs: # 取得 索引 

6 print(lb.get(index)) # 打印 所 选 

7 fruits = ["Banana","Watermelon","Pineapple", 

8 "Orange" , "Grapes" , "Mango"] 

9 

10 root - Tk() 

11 root.title("ch12 14") # 窗口 标题 

12 ”root .geometry("300x259") t 窗口 宽 306 高 256 
13 

14 lb = Listbox(root,selectmode-MULTIPLE) 

15 for fruit in fruits: # 建立 水 果 项 

16 lb.insert(END, fruit) 


17  lb.pack(pady-5) 
18 btn = Button(root,text-"Print",command-callback) 
19 btn.pack(pady=5) 


21 root.mainloop() 


执行 结果 
| 执行 结果 | 
f ch12_14 - nE 


Banana 
Pineapple 
ango 


第 12 章 列表 框 Listbox 与 滚动 条 Scrollbar 


12-3-6 检查 指定 索引 项 是 否 被 选取 selection includes( ) 
如 果 指 定 索引 项 被 选取 会 传 回 True, BEE Falses 


程序 实例 ch12_15.py: 检查 索引 3 的 项 目 是 否 被 选取 ， 如 果 被 选取 单 击 Check 按钮 
可 以 显示 True， 和 否则 显示 False. 


1 # chl2 15.py 

2 from tkinter import * 

3 def callback(): # 打印 检查 结果 
4 print(lb.selection includes(3)) 

5 

6 fruits = ["Banana", "Watermelon","Pineapple", 
7 "Orange" , "Grapes" , "Mango"] 

8 

9 root - Tk() 

10 root.title("ch12 15") # 窗口 标题 

11 root.geometry ("300x250") # 81723002250 
12 

13 lb = Listbox(root,selectmode=MULTIPLE) 

14 for fruit in fruits: # 建立 水 果 项 
15 lb.insert(END, fruit) 


16  lb.pack(pady-5) 
17 btn = Button(root,text-"Check" ,command-callback) 
18  btn.pack(pady-5) 


20  root.mainloop() 


1 mis - OEA í chi215 - OEE 


Che] — > False 


12-4 | Listbox 与 事件 绑 定 


12-4-1 虚拟 绑 定 应 用 于 单 选 
当 Listbox 执行 选取 操作 时 会 产生 <<ListboxSelect>> 虚拟 事件 ， 可 以 由 此 设置 事 
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件 处 理 程序 。 
程序 实例 ch12_16.py: 当选 择 Listbox 中 的 项 目 时 ， 可 以 在 上 方 列 出 所 选 的 项 目 。 
1 # ch12 16.py 
2 from tkinter import * 
3 def itemSelected(event): # 列 出 所 选单 一 项 
4 obj = event.widget # 取得 事件 的 对 象 
5 index = obj.curselection() # 取得 索引 
6 var.set(obj.get(index)) # 设置 ^J 
r/ 
8 fruits = ["Banana","Watermelon", "Pineapple", 
9 "Orange" , "Grapes" , "Mango"] 
10 
11 root - Tk() 
12 root.title("ch12 16") # BI 
13  root.geometry("300x250") ü 7530025250 
14 
15 var - StringVar() # 建立 标签 


16 lab = Label(root,text="",textvariable=var) 
17 lab.pack(pady=5) 


18 

19 lb = Listbox(root) 

20 for fruit in fruits: # 建立 水 果 项 
21 lb.insert(END,fruit) 


22  lb.bind("««ListboxSelect»»",itemSelected) # 4r 
23  lb.pack(pady-5) 


25  root.mainloop() 


1 c2: á - -EN 1 chi216 á- -EN 
Pineapple 
Banana Banana 
latermelon atermelon 
Pineappl € 
ng D e M 
rapes 
Mango 


读者 应 留意 第 22 行 ， 当 单 击 Listbox 中 选项 时 会 产生 虚拟 的 <<ListboxSelect>> 3 
件 ， 此 时 可 以 触发 itmeChanged( ) 方法 处 理 此 事件 。 程 序 第 3 ~ 6 行将 所 选择 的 内 容 
在 上 方 的 标签 中 显示 。 第 4 — 6 行 也 是 新 的 概念 ， 在 第 4 行 先 取 得 事件 对 象 obj， 此 例 
这 个 对 象 就 是 Listbox 对 象 ， 然 后 利用 这 个 obj 对 象 取 得 所 选 的 项 目 索引 ， 再 由 索引 取 
得 所 选 的 项 目 。 当 然 也 可 以 省 略 第 4 行 ， 直 接 使 用 原先 的 Listbox Xj $& Ib 也 可 以 ， 可 
以 参考 ch12 16 1.py。 
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程序 实例 ch12_16_1.py: 重新 设计 ch12_16.py， 修 改 itemChanged( ) 方法， 下 面 是 
此 方法 的 内 容 。 


3 def itemSelected(event): 
4 index = lb.curselection() 
5 var.set(lb.get(index)) 


与 chl2_16.py 相同 。 


早期 或 网 络 上 一 些 人 不 懂 虚 拟 绑 定 的 概念 ， 在 设计 这 类 程序 时 ， 由 于 单 击 是 被 
tkinter 绑 定 选取 Listbox 的 项 目 ， 就 用 双击 <Double-Button-1> 方式 处 理 ， 将 所 选项 目 
放 在 标签 上 。 


程序 实例 ch12_17.py: 重新 设计 chl2 16.py， 使 用 <Double-Button-1> 取代 虚拟 事件 


<ListboxSelect> 。 


22 1b.bind("<Double-Button-1>",itemSelected) # WEHE 


$ ch12_16.py 相同 。 

讲解 这 个 程序 的 目的 是 告诉 读者 以 前 或 网 络 上 有 人 如 此 处 理 ， 当 然 建议 读者 使 用 
chl2 l6.py 的 方法 ， 因 为 站 在 使 用 者 的 立场 ， 当 然 期 待 单 击 即 可 选取 和 将 所 选 的 项 目 
处 理 完成 。 
12-4-2 ”虚拟 绑 定 应 用 于 多 选 

虚拟 绑 定 的 概念 也 可 以 应 用 于 多 选 ， 下 面 将 直接 以 实例 讲解 。 


序 实例 ch12 18.py. 重新 设计 chl2 16.py， 当 选择 多 项 时 ， 这 些 被 选 的 项 目 将 被 打 
2 这 个 程序 的 selectmode 使 用 EXTENDED. 


1 # chl2 18.py 

2 from tkinter import * 

3 def itemsSelected(event): # 打印 所 选 结果 
4 obj = event.widget # 取得 事件 的 对 象 
5 indexs = obj.curselection() * Dael 

6 for index in indexs: # 

7 print(obj. get(index)) 

8 print("---------- "3 # 

9 

10 

11 fruits = ["Banana","Watermelon","Pineapple", 
12 "Orange" , "Grapes", "Mango" ] 


Python GUI 设计 一 一 tkinter 菜鸟 编程 


14 root - Tk() 
15 root.title("ch12 18") 
16  root.geometry("300x250") 


18 var - StringVar() # 建立 


19 lab = Label(root,text-"",textvariable-var) 
20  lab.pack(pady-5) 


2T 

22 lb = Listbox(root,selectmode-EXTENDED) 

23 for fruit in fruits: # 建立 水 果 项 目 
24 lb.insert(END,fruit) 


25  lb.bind("««ListboxSelect»»",itemsSelected) # 5r 
26  lb.pack(pady-5) 


28  root.mainloop() 


/ c2: -CcCNENM 1 wis -CcNM 1 mzs -OEN 


Banana 

Watermel 

Pineappl 

Orange mp 一 
Grapes 单 击 
Mango 


下 面 是 Python Shell 窗口 的 输出 。 
RESTART: D:/PythonGUI/chl2/chl2 18.py 


Watermelon 
Watermelon 
Pineapple 
Orange 
Grapes 


活用 加 入 和 删除 项 目 


本 节 将 以 一 个 比较 实用 的 例子 说 明 加 入 与 删除 Listbox 项 目的 应 用 


o 


程序 实例 ch12 19.py. 增加 与 删除 项 目的 操作 。 这 个 程序 有 4 个 Widget 控件 ，Entry 
是 输入 控件 ， 可 以 在 此 输入 项 目 ， 输 入 完 项 目 后 单 击 “ 增 加 ”按钮 ，Entry 中 的 项 目 就 
会 被 加 入 Listbox， 同 时 Entry 将 被 清空 。 若 是 选择 Listbox 内 的 项 目 后 再 单 击 “ 删 除 ” 


按钮 ， 可 以 将 所 选 的 项 目 删除 。 


T 


第 12 章 ”列表 框 Listbox 与 滚动 条 Scrollbar 


# ch12 19.py 
from tkinter import * 
def itemAdded(): # 增加 项 目 处 理 程序 
varAdd = entry.get() # 读 取 Entry 的 项 目 
if (len(varAdd.strip()) == 0): # 没有 增加 不 处 理 
return 
lb.insert(END, varAdd) # 将 项 目 | Listbox 
entry.delete(0,END) # 删除 Entry 的 内 容 
def itemDeleted(): it 删除 项 目 处 理 程序 
index = lb.curselection() # 取得 所 选项 目 索 引 
if (len(index) == 0): # 如 果 长 度 是 8 表示 没有 选取 
return 
lb.delete(index) # 删除 选项 
root = Tk() 
root.title("ch12 19") # 窗口 标题 
entry = Entry(root) # 创建 Entry 


entry.grid(row=9,column=9,padx=5,pady=5) 


# 建立 “增加 ”按钮 
btnAdd = Button(root,text=" 增 加 " ,width-10,command-itemAdded) 
btnAdd.grid(row-0,column-1,padx-5,pady-5) 


# 建立 Listbox 
lb = Listbox(root) 
lb.grid(row-1,column-0, columnspan-2,padx-5, sticky-W) 


# 建立 “删除 ”按钮 
btnDel = Button(root,text-" i$" width-10, command-itemDeleted) 
btnDel.grid(row-2,column-0,padx-5,pady-5, sticky-W) 


root.mainloop() 


"i REESE 下 面 是 增加 项 目 与 删除 项 目的 操作 。 


í {mz -cCNEBMI í c2) ě - OEA 
foyd 增加 4 e 
E ——— 


| 删除 | 删除 
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f ch12 19 - oM f ch1219 - o 
[ 增加 增加 


EN m] 


Listbox 项 目的 排序 


在 使 用 Listbox 时 常 需要 处 理 项 目 排序 工作 ， 下 面 将 以 实例 讲解 。 


程序 实例 ch12_20.py: 这 个 程序 中 单 击 “ 排 序 ” 按 钮 时 默认 是 从 小 到 大 排序 ， 若 是 勾 
选 复 选 框 再 单 击 “ 排 序 ” 按 钮 将 从 大 到 小 排序 。 


1 # chl2 20.py 

2 from tkinter import * 

3 def itemsSorted(): # 排序 

4 if (var.get() == True): LE : 

5 revBool - True 8 大 到 小 排序 是 True 

6 else: 

7 revBool - False # 大 到 小 排序 是 False 

8 listTmp = list(lb.get(0,END)) # 取得 项 目 内 容 
sortedList = sorted(listTmp,reverse-revBool) # 执行 排序 
lb.delete(0,END) # 删除 原先 Listbox 内 容 
for item in sortedList: # 将 排序 结果 插入 Listbox 

lb.insert(END, item) 


fruits = ["Banana", "Watermelon","Pineapple”", 


"Orange"，Grapes"，Mango"] 


root = Tk() 

root.title("ch12 20") # 窗口 标题 

lb = Listbox(root) # 建立 Listbox 

for fruit in fruits: # 建立 水 果 项 目 
lb.insert(END,fruit) 


lb.pack(padx-10, pady-5) 


# 创建 ^j 


E: TH 
btn = Button(root,text-"HE/€" , command-itemsSorted) 
btn.pack(side-LEFT,padx-10, pady-5) 
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29 d 建立 排序 设置 复 选 框 
30 var = BooleanVar() 
31 cb = Checkbutton(root,text=" 从 大 到 小 排序 ",variable=var) 
32 cb.pack(side=LEFT) 


34  root.mainloop() 


下 面 是 使 用 默认 排序 与 使 用 “从 大 到 小 ”排序 的 操作 界面 。 
.-cEM (ov. - c EMI 


| Lg E E 从 大 到 小 排序 
| 12-7 | $68 Listbox 中 的 项 目 


在 建立 Listbox 的 过 程 中 ， 另 一 个 很 重要 的 应 用 是 可 以 拖 忠 选项 ， 下 面 将 以 实例 
解 这 方面 的 应 用 。 


程序 实例 ch12_21.py: 先 建立 Listbox， 然 后 可 以 拖 忠 所 选 的 项 目 。 
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1 4 ch12 21.py 

2 from tkinter import * 

3 def getIndex(event): # 
4 lb.index = lb.nearest(event.y) # E 
5 

6 def dragJob(event): # 
7 newIndex - lb.nearest(event.y) # E 
8 if newIndex « lb.index: # 
9 x = lb.get(newIndex) à 
10 lb.delete(newIndex) # f 
11 lb.insert(newIndex+1,x) # 
12 lb.index = newIndex # 
13 elif newIndex > lb.index: # 
14 x = lb.get(newIndex) # 
15 lb.delete(newIndex) # 
16 lb.insert(newIndex-1,x) # 
17 lb.index - newIndex # j 
18 

19 fruits = ["Banana", "Watermelon" ,"Pineapple", 
20 "Orange" , "Grapes" , "Mango" ] 

2E 

22 root - Tk() 

23 root.title("ch12 21") # 窗口 标题 
24 

25 lb = Listbox(root) 

26 for fruit in fruits: 

27 lb.insert(END, fruit) 

28 lb.bind("«Button-1»",getIndex) 

29 lb.bind("«B1-Motion»",dragJob) 

30  lb.pack(padx-10,pady-10) 

31 


32  root.mainloop() 


这 个 程序 中 在 第 4、7 行使 用 了 下 列 方 法 。 


nearest (event.y) 


上 述 代码 行 可 以 传 回 最 接近 y 坐标 在 Listbox 中 的 索引 。 当 有 单 击 操作 时 会 触发 
getIndex( ) 方法 ， 第 4 行 可 以 传 回 目前 选项 的 索引 。 在 拖 忠 过 程 中 会 触发 dragJob( ) 方 
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法 ， 在 第 7 行 可 以 传 回 新 选项 的 索引 ， 在 拖 电 过 程 中 这 个 方法 会 不 断 地 被 触发 ， 至 于 
会 被 触发 多 少 次 视 移动 速度 而 定 。 

若是 以 上 述 实例 而 言 ， 目 前 选项 Watermelon 的 索引 是 1， 拖 忠 处 理 的 过 程 如 下 。 
参考 ch12 21.py 的 执行 过 程 ， 是 往 下 移动 ， 整 个 流程 说 明 如 下 。 

(1) 新 索引 位 置 是 2。 

(2) 获得 索引 2 的 内 容 Pineapple， 可 参考 第 14 行 。 

(3) 删除 索引 2 的 内 容 Pineapple， 可 参考 第 15 行 。 

(4) 将 Pineapple 的 内 容 插入 ， 相 当 于 插入 索引 1 位 置 ， 可 参考 第 16 fT. 


(5) 这 时 目前 选项 Watermelon 的 索引 变 成 2， 这 样 就 达到 移动 选项 的 目的 了 ， 可 参 
考 第 17 行 。 


12-8 | 滚动 条 的 设计 


在 默认 的 环境 中 Listbox 是 没有 滚动 条 的 ， 但 是 如 果 选 项 太 多 ， 将 造成 部 分 选项 无 
法 显示 ， 此 时 可 将 滚动 条 Scrollbar 控件 加 入 Listbox « 


T 


(3 Scrollbar 控件 除了 可 以 应 用 在 Listbox 上 ， 也 可 以 应 用 在 Text 和 Canvas 控件 上 。 
它 的 使 用 格式 如 下 。 
Scrollbar( 父 对 象 options, = ) 
Scrollbar( ) 方法 的 第 一 个 参数 是 父 对 象 ， 表 示 这 个 滚动 条 将 建立 在 哪 一 个 窗口 
内 。 下 列 是 Scrollbar( ) 方法 内 其 他 常用 的 options 参数 。 
(1)activebackground: 当 光 标 经 过 滚动 条 时 ， 滚 动 条 和 方向 箭头 的 颜色 。 
(2)bg 或 background: 当 光 标 没 有 经 过 滚动 条 时 ， 滚 动 条 和 方向 箭头 的 颜色 。 
(3)borderwidth EX bd; 边界 宽度 ， 默 认 是 两 个 像素 。 
(4)command: 滚动 条 移动 时 所 触发 的 方法 。 
(5)cursor: 当 鼠 标 光 标 在 滚动 条 上 时 的 光标 形状 。 
(6)elementborderwidth: 滚动 条 和 方向 箭头 的 外 部 宽度 ， 默 认 是 1。 


(S)highlightcolor: 当 滚 动 条 获得 焦点 时 的 颜色 。 
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(9)highlightthickness: 当 获 得 焦点 时 的 厚度 ， 默 认 是 1。 

(10)jump: 每 次 短 距离 地 拖 息 滚动 条 时 都 会 触发 command 的 方法 ， 默 认 是 0， 如 
果 设 为 1 则 只 有 放 开 鼠 标 按键 时 才 会 触发 command 的 方法 。 

(11)orient: 可 设置 HORIZONTAL/VERTICAL 分 别 是 水 平 轴 / 垂直 轴 。 

(12)repeatdelay: 单位 是 ms， 默 认 是 300ms， 可 以 设置 按 住 滚动 条 移动 的 停滞 


时 间 。 
(13)takefocus: 正常 可 以 用 按 Tab 键 的 方式 切换 滚动 条 成 为 焦点 ， 如 果 设 为 0 则 取 
消 此 设置 。 


(14)trougheolor: 滚动 条 槽 的 颜色 。 
(15)width: 滚动 条 宽 ， 默 认 是 16. 
程序 实例 ch12_22.py: 在 Listbox 中 创建 垂直 滚动 条 。 


1 # ch12 22.py 

2 from tkinter import * 

3 

4 

5 root = Tk() 

6 root.title("ch12 22") # 窗口 标题 
Ta 

8 scrollbar = Scrollbar(root) # 

9  scrollbar.pack(side-RIGHT, fill-Y) 

10 

11 # 人 创建 Listbox，yscrollcommand 指 向 scrollbar.set 方 法 
12 lb = Listbox(root, yscrollcommand-scrollbar.set) 

13 for i in range(50): # 建立 507 
14 lb.insert(END, "Line ”+ str(i)) 

15  lb.pack(side-LEFT,fill-BOTH,expand-True) 

16 

17  scrollbar.config(command-lb.yview) 

18 


19  root.mainloop() 


fai. - E f chi.. 一 j x | 


LineO Line 15 ^ 
Line 1 Line 16 

Line 2 N [Line 17 

Line 3 Line 18 

Line 4 C á Line 19 E 
Line 5 往 下 滚动 Line 20 

Line 6 Line 21 

Line 7 Line 22 

Line 8 ILine 23 


[Line 9 {v Line 24 v 
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第 12 行 是 将 Listbox 的 选项 参数 yscrollcommand 设 为 scrollbarset， 表 示 将 
Listbox 与 滚动 条 做 连 动 。 

第 17 行 scrollbarconfig( ) 方法 主要 是 为 scrollbar 对 象 设 置 选择 性 参数 内 容 ， 此 例 
是 设置 command 参数 ， 也 就 是 当 移动 滚动 条 时 ， 会 去 执行 所 指定 的 方法 ， 此 例 是 执行 
Listbox 对 象 lb 的 yview( ) 方法 。 


OptionMenu 5 Combobox 


本 章 摘 要 
13-1 下 拉 式 列表 OptionMenu 
13-2 组 合 框 Combobox 
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|13-1. 下 拉 式 列表 OptionMenu | 


OptionMenu 可 以 翻译 为 下 拉 式 列表 ， 用 户 可 以 从 中 选择 一 项 ， 它 的 构造 方法 如 下 。 


OptionMenu( 父 对 象 ， options, *value) 


其 中 ，*value 是 一 系列 下 拉 列表 ， 本 节 将 通过 实例 进行 讲解 。 


13-1-1 建立 基本 的 OptionMenu 


程序 实例 ch13_1.py: 建立 OptionMenu， 这 个 下 拉 列 表 中 有 三 个 数据 ， 分 别 是 Python. 
Java、C。 

# ch13 1.py 

from tkinter import * 


root - Tk() 
root.title("ch13 1") 
root.geometry("300x180") 


c «ous» WNE 


var - StringVar(root) 
9  optionmenu = OptionMenu(root,var, "Python" ,"Java", "C") 
10  optionmenu.pack() 


12  root.mainloop() 


程序 执行 时 OptionMenu 中 是 空 的 ， 这 是 因为 没有 选择 任何 选项 。 
(o5: -cNBM 1 os: -EE 


E FH 


选择 任 一 项 后 ， 选 项 会 更 改 。 
f ch13 1 - -EF [/ ch13 1 - -EJ 
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读者 可 以 留意 上 述 第 9 行 建立 OptionMenu 下 拉 列 表 项 目的 方式 。 


13-1-2 ”使 用 元 组 建立 列表 项 目 


上 述 程序 虽然 可 以 建立 列表 ， 但 是 当 列 表 中 项 目 较 多 时 ， 不 是 太 方 便 ， 不 过 我 们 
可 以 将 列表 项 目 建 在 元 组 内 ， 再 将 元 组 数据 放 入 OptionMenu( ) 构造 方法 内 。 


程序 实例 ch13 2.py: 重新 设计 ch13_1.py， 使 用 元 组 存储 列表 项 目 。 


1 # ch13 2.py 

2 from tkinter import * 

3 

4 root = Ik() 

5  root.title("ch13 2") # 窗口 标题 

6  root.geometry("300x180") 

7 

8 omTuple = ("Python","Java","C") # tuple 存 储 0ptionMenu 项 目 
9 var = StringVar(root) 

10  optionmenu = OptionMenu(root,var,*omTuple) # 创建 DptionMenu 
11  optionmenu.pack() 

12 


13  root.mainloop() 


5 chl3 Lpy 相同 。 
13-1-3 建立 默认 选项 set( ) 
到 目前 ， 程 序 刚 执行 时 ， 没 有 看 到 任何 项 目 ， 不 过 我 们 可 以 使 用 set( ) 方法 为 这 个 


OptionMenu 建立 默认 选项 。 
程序 实例 ch13_3.py: 重新 设计 ch13 2.py， 使 用 set( ) 方法 建立 默认 选项 。 
1 # ch13 3.py 

2 from tkinter import * 

3 

4 root = Tk() 

5 root.title("ch13 3") # 窗口 标题 

6  root.geometry("300x180") 

z 

8 omTuple = ("Python","Java","C") # tuple 存 储 OptionMenu 项 目 
9 var = StringVar(root) 

10 var.set("Python") # 建立 默认 选项 


11 optionmenu = OptionMenu(root,var,*omTuple) # 创建 OptionMenu 
12  optionmenu.pack() 


14  root.mainloop() 
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Python — 


上 述 程序 成 功 地 设 定 了 默认 值 ， 但 是 那 不 是 一 个 好 的 设计 ， 建 议 既 然 已 经 使 用 了 
元 组 建立 列表 项 目 ， 可 以 使 用 元 组 变量 名 称 + 索引 方式 设置 默认 选项 。 


程序 实例 ch13 3 1.py: 使 用 元 组 变量 名 称 + 索引 方式 设置 默认 选项 。 


10  var.set(omTuple[9]) # 建立 默认 选项 


5j ch13 3.py 相同 。 


13-1-4 ”获得 选项 内 容 get( ) 
可 以 使 用 get( ) 方法 获得 选项 内 容 。 


程序 实例 ch13_4.py: 获得 OptionMenu 目前 选项 的 内 容 ， 这 个 程序 中 提供 了 Print 按 
钮 ， 单 击 此 按钮 可 以 在 Python Shell 窗口 中 列 出 所 选 的 内 容 。 


1 # ch13 4.py 

2 from tkinter import * 

3 def printSelection(): 

4 print("The selection is : ", var.get()) 

5 

6 root = Tk() 

7 root.title("ch13 4") # ERES 

8  root.geometry(" 300x180") 

9 

10 omTuple = ("Python","Java","C") # tuple 存 储 OptionMenu 项 目 
11 var = StringVar(root) 

12 var.set("Python") # 建立 默认 选项 


13  optionmenu = OptionMenu(root,var,*omTuple) 并 创建 0ptionMenu 
14  optionmenu.pack(pady-10) 


16 btn = Button(root,text- Print",command-printSelection) 
17  btn.pack(pady-10, anchor-S, side-BOTTOM) 


19  root.mainloop() 


Python GUI 设计 一 一 tkinter 菜鸟 编程 


执行 结果 
í ch13_4 -oKd f chi34 - -EE 


l ! 


The selection is : Python The selection is : Java 
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Combobox 可 以 翻译 为 组 合 框 ， 这 是 tkinterttk 的 Widget 控件 ， 它 的 特性 与 
OptionMenu 类 似 ， 可 以 说 它 是 Entry 和 下 拉 菜 单 的 组 合 。 它 的 构造 方法 如 下 。 


Combobox ( 父 对 象 ,options) 
常用 options 参数 如 下 。 


(1)textvariable: 可 以 设置 Combobox 的 变量 值 。 
(2)value: Combobox 的 选项 内 容 ， 内 容 以 元 组 方式 存在 。 


13-2-1 建立 Combobox 
在 Combobox( ) 构造 方法 中 ， 可 以 使 用 value 参数 建立 选项 内 容 。 


程序 实例 ch13_5.py: 建立 一 个 Combobox。 


1 # ch13 5.py 

2 from tkinter import * 

3 from tkinter.ttk import * 

4 

5 root = Tk() 

6 root.title("ch13 5") # 窗口 标题 
7  root.geometry("300x120") 

8 

9 var = StringVar() 

10 cb = Combobox(root,textvariable-var, it 创建 Combobox 
11 value-("Python","Java" , "Cit" ,"C")) 

12  cb.pack(pady-10) 

13 


14  root.mainloop() 
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其 实在 设计 上 述 程序 时 ， 若 是 选项 很 多 ，Combobox( ) 方法 的 参数 value 一 般 是 独 
SEXE Combobox( ) 外 处 理 ， 可 以 参考 下 列 实例 。 


程序 实例 ch13_6.py: 将 Combobox 的 选项 独立 处 理 ， 可 以 参考 第 11 行 。 


root.geometry("300x120") 


1 4 ch13 6.py 

2 from tkinter import * 

3 from tkinter.ttk import * 

4 

5 root = Tk() 

6 root.title("ch13 6") # BE 
7 

8 


9 var = StringVar() 

10 cb = Combobox(root,textvariable-var) 

11 cb["value"] = ("Python","Java", "Cit" ,"C") 
12  cb.pack(pady-10) 


Combobox 
页 


14  root.mainloop() 


ID RECEUE 5 chl3 5.py 相同 。 


13-2-2 设置 默认 选项 current( ) 
Combobox 创建 完成 后 ， 可 以 使 用 current( ) 方法 建立 默认 选项 。 
程序 实例 ch13_7.py: 设置 元 组 索引 0 的 元 素 Python 为 默认 选项 。 


# ch13 7.py 
from tkinter import * 
from tkinter.ttk import * 


1 

2 

3 

4 

5 root = Tk() 
6 root.title("ch13 7") # BI 
F4 

8 

9 

[7] 

1 


root.geometry("300x120") 


var - StringVar() 
cb - Combobox(root,textvariable-var) 
cb["value"] = ("Python", "Java", "Ci", "C") 


# 创建 Combobox 


1 
1 
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12 cb.current(6) # 设置 默认 选项 
13  cb.pack(pady-10) 
14 


15  root.mainloop() 


1 my7 á -OEE 1 o5; -OES 
Python v Python 
o 
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在 前 面 建立 Combobox 过 程 中 有 textvariable=var， 此 var 在 第 9 行 创建 ， 有 了 它 
就 可 以 用 var.set("xx") 方式 建立 默认 选项 ， 当 然 对 这 个 实例 而 言 ， 使 用 current( ) 方法 
较为 便利 。 


程序 实例 ch13_8.py: 重新 设计 ch13 7.py， 使 用 var.set( ) 建立 默认 选项 。 


12 wvar.set("Python") # 设置 默认 选项 


UUBECEOS 与 ch13 7.py 相同 。 


13-2-3 ”获得 目前 选项 get( ) 


在 前 面 建立 Combobox 过 程 中 有 textvariable=var， 可 以 使 用 var.get( ) 获得 目前 选 
项 内 容 。 


程序 实例 ch13_9.py: 扩充 设计 ch13_7.py， 增 加 Print 按钮 ， 当 单 击 此 按钮 时 可 以 在 
Python Shell 窗口 中 打印 选项 。 


1 # ch13 9.py 

2 from tkinter import * 

3 from tkinter.ttk import * 
4 def printSelection(): # 打印 选项 
5 print(var.get()) 
6 

7 

8 


root = Tk() 
root.title("ch13 9") # 窗口 标题 
9  root.geometry("300x120") 


11 var = StringVar() 

12 cb = Combobox(root,textvariable-var) 
13 cb["value"] = ("Python","Java", "Cá" ,"C") E: 
14  cb.current(0) 


+ 


8| i8 Combobox 


H 
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cb.pack(pady-10) 


btn = Button(root,text-"Print",command-printSelection) # 创建 按钮 
btn.pack(pady-10, anchor-S, side-BOTTOM) 


root.mainloop() 


f mg -5 1 ms -OEE 
Python —— vv| Dwd ~ 
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24 Combobox 中 的 选项 有 变动 时 ， 会 产生 虚拟 <<ComboboxSelected>> 事件 ， 也 可 


以 使 用 这 个 特性 将 此 事件 绑 定 处 理 方法 。 


程序 实例 ch13_10.py: 同步 Combobox 和 Label 的 内 容 。 


# ch13 10.py 

from tkinter import * 

from tkinter.ttk import * 

def comboSelection(event): 
labelVar.set(var.get()) 


root - Tk() 
root.title("ch13 10") # 窗口 标题 
root.geometry("300x120") 


var - StringVar() 

cb - Combobox(root,textvariable-var) 
cb["value"] = ("Python","Java", "Cit" ,"C") 
cb.current(0) 
cb.bind("««ComboboxSelected»»",comboSelection) 
cb.pack(side-LEFT, pady-10, padx-10) 


labelVar - StringVar() 

label - Label(root,textvariable-labelVar) it 创建 Label 
labelVar.set(var.get()) # 设置 Labe1 的 初 值 
label.pack(side=LEFT) 


root.mainloop() 
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本 章 摘 要 
14-1 PanedWindow 
14-2 Notebook 
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(EM PanedWindow 


14-1-1 PanedWindow 基本 概念 


PanedWindow 可 以 翻译 为 面板 ， 是 一 个 Widget 容器 控件 ， 可 以 在 此 容器 内 建立 任 
意 数量 的 子 控 件 。 不 过 一 般 是 在 此 控件 内 建立 二 三 个 子 控件 ， 而 控件 是 以 水 平方 式 或 
垂直 方式 排列 。 它 的 构造 方法 语法 如 下 。 

PanedWindow( XR ,options，… ) 

PanedWindow( ) 方法 的 第 一 个 参数 是 父 对 象 ， 表 示 它 将 建立 在 哪 一 个 父 对 象 内 。 
下 列 是 PanedWindow( ) 方法 内 其 他 常用 的 options 参数 。 

(1)bg EÈ background: 当 鼠 标 光标 不 在 此 控件 上 时 ， 若 是 有 滚动 条 或 方向 盒 时 ， 滚 
动 条 或 方向 盒 的 背景 色彩 。 

Q)bd: 3D 显示 时 的 宽度 ， 默 认 是 2。 

(3)borderwidth: 边界 线 宽 度 ， 默 认 是 2。 

(4)cursor: 当 鼠 标 光 标 在 标签 上 方 时 的 形状 。 

(S)handlepad: 面板 显示 宽度 ， 默 认 是 8。 

(G)handlesize: 面板 显示 大 小 ， 默 认 是 S. 

(7)height: 没有 默认 高 度 。 

(8)orient: 面板 配置 方向 默认 是 HORIZONTAL。 

(9)relief: 默认 是 relief-FLAT， 可 由 此 控制 文字 外 框 。 

(10)sasheursor: 分 隔 线 光 标 ， 没 有 默认 值 。 

(11)sashrelief: 面板 分 隔 线 外 框 ， 默 认 是 RAISED 。 

(12)showhandle: 滑 块 属性 ， 可 设 定 是 否 显示 ， 没 有 默认 值 。 

(13)width: 面板 整体 宽度 ， 没 有 默认 值 。 


14-1-2 插入 子 控件 add( ) 


add(child,options) 可 以 插入 子 对 象 。 


程序 实例 ch14_1.py: 在 PanedWindow 对 象 内 插入 两 个 标签 子 对 象 ， 读 者 可 以 从 缩放 
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窗口 了 解 标 签 子 对 象 分 割 此 PanedWindow 的 结果 。 


1 # chl4 1.py 

2 from tkinter import * 

3 

4 pw = PanedWindow(orient-VERTICAL) # 创建 PanedwWindow 对 和 象 

5  pw.pack(fill-BOTH,expand-True) 

6 

7 top = Label(pw,text-"Top Pane") # li Top Pane 

8 pw.add(top) # top 标 签 插入 PanedWindow 
9 

10 bottom = Label(pw,text="Bottom Pane")  # 创建 标签 Bottom Pane 

11 pw.add(bottom) # bottom 标 签 插 入 PanedWindow 
12 


13 pw.mainloop() 


DELA 下 面 左边 是 执行 结果 ， 右 边 是 适度 放大 窗口 后 的 结果 。 


n- om (om tk -EE 
Top Pane Top Pane Top Pane 
Bottom Pane 
Bottom Pane Bottom Pane 


14-1-3 建立 LabelFrame 当 作 子 对 象 


PanedWindow 是 一 个 面板 ， 最 常 的 应 用 是 将 它 分 成 二 三 份 ， 然 后 可 以 将 所 设计 的 
控件 适度 分 配 位 置 。 


程序 实例 ch14_2.py: 设计 三 个 LabelFrame 对 象 当 作 PanedWindow 的 子 对 象 ， 然 后 
水 平 排列 。 


# ch14 2.py 
from tkinter import * 


1 
2 
3 
4 root - Tk() 

5  root.title("ch14 2") 
6 

7 

8 


pw = PanedWindow(orient-HORIZONTAL) # 创建 Panedwindow 对 和 象 


9  leftframe = LabelFrame(pw,text-"Left Pane",width-120,height-150) 


10  pw.add(leftframe) # 插入 左边 LabelFrame 
11 middleframe = LabelFrame(pw,text-" Middle Pane",width-120) 
12  pw.add(middleframe) & 插入 中 间 LabelFrame 
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13 rightframe = LabelFrame(pw,text-"Right Pane",width-120) 


14  pw.add(rightframe) # 插入 右边 LabelFrame 
15 

16  pw.pack(fill-BOTH,expand-True,padx-10, pady-10) 

17 


18  root.mainloop() 


执行 结果 
ch14_2 - -EE 


Left Pane Middle Pane Right Pane 


14-1-4 tkinter.ttk 模块 的 weight 参数 


chl4 2.py 在 执行 时 ， 若 是 更 改 了 窗口 的 宽度 ， 将 看 到 最 右边 的 面板 (Right Pane) 
放大 或 缩小 ， 如 下 所 示 。 
' h42 - OEN | ch14.2 - cul 


Left Pane Middle Pane Right Pane Left Pane Middle Pane Right Pane 


在 tkinterttk 模块 中 ， 若 执行 add( FXT, options), TE options 字段 可 以 增加 weight 
参数 ，weight 代表 更 改 窗口 宽度 时 每 个 Pane 更 改 的 比例 ， 如 果 插 入 三 个 子 对 象 
LabelFrame 时 weight 都 是 1， 代 表 放 大 或 缩小 窗口 时 ， 三 个 子 对 象 是 相同 比例 的 。 


需 留意 在 add( ) 方法 内 使 用 weight 参数 时 需要 导入 thikterttk。 


程序 实例 ch14_3.py: 重新 设计 chl4 2.py， 在 插入 三 个 LabelFrame 对 象 时 增加 
weight=1。 在 执行 时 若是 放大 或 缩小 窗口 ， 可 以 看 到 三 个 LabelFrame 子 对 象 是 按 相同 
比例 更 改 的 。 注 意 程序 第 3 行 是 导入 tkinterttk， 这 是 必需 的 否则 程序 会 有 编译 错误 。 


# ch14 3.py 
from tkinter import * 
from tkinter.ttk import * 


root - Tk() 


1 
2 
3 
4 
5 
6 root.title("ch14 3") 
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7 

8 pw = PanedWindow(orient-HORIZONTAL) # 创建 PanedWindow 对 象 
9 

10 leftframe = LabelFrame(pw,text="Left Pane",width-120,height-150) 
11 pw.add(leftframe,weight=1) # 插入 左边 LabelFrame 
12 middleframe = LabelFrame(pw,text-"Middle Pane",width-120) 

13 pw.add(middleframe,weight=1) # 插入 中 间 LabelFrame 
14 rightframe = LabelFrame(pw,text-"Right Pane",width-120) 

15 pw.add(rightframe,weight=1) # 插入 右边 LabelFrame 
16 

17  pw.pack(fill-BOTH,expand-True,padx-10, pady-10) 

18 


19  root.mainloop() 


执行 结果 
Y h43 -OESE | ch14.3 -oKm 


Left Pane Middle Pane Right Pane Left Pane Middle Pane Right Pane 


如 果 三 个 LabelFrame 子 对 象 设置 不 同 的 weight， 以 后 更 改 窗口 大 小 时 ， 彼 此 会 因 
weight 有 不 同 的 影响 。 


程序 实例 ch14_4.py: 设置 更 改 窗 口 大 小 时 Left Pane 的 weight=2、Middle Pane 的 
weight=2、Right Pane 的 weight=1， 这 代表 更 改 宽度 时 ， 更 改 比例 分 别 是 2:2:1。 请 读 
者 留意 第 11、13、15 行 的 weight 设置 。 


1 # chl4 4.py 
2 from tkinter import * 
3 from tkinter.ttk import * 


4 

5 root = Tk() 

6 root.title("ch14 4") 

7 

8 pw = PanedWindow(orient-HORIZONTAL) # 创建 PanedWindow 对 和 象 
9 

10  leftframe = LabelFrame(pw,text-"Left Pane",width-120,height-150) 
11  pw.add(leftframe,weight-2) # 插入 左边 LabelFrame 
12 middleframe = LabelFrame(pw,text-"Middle Pane",width-120) 

13  pw.add(middleframe,weight-2) # 插入 中 间 LabelFrame 
14 rightframe = LabelFrame(pw,text-"Right Pane",width-120) 

15 pw.add(rightframe,weight=1) # 插入 右边 LabelFrame 
16 

17 pw.pack(fill=BOTH,expand=True,padx=10,pady=10) 

18 


19 root.mainloop() 
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' 


ch144 - OEN r chi4 4 -cocdi 


Left Pane. MiddlePane Right Pane Left Pane Middle Pane Right Pane 


14-1-5 在 PanedWindow 内 插入 不 同 控件 


在 结束 本 节 前 ， 再 介绍 一 个 在 PanedWindow 内 插入 不 同 Widget 控件 的 应 用 。 


程序 实例 ch14_5.py: 这 个 程序 会 先 建立 PanedWindow， 对 象 名 称 是 pw。 然 后 在 它 
下 面 的 左边 建立 Entry 对 象 ， 对 象 名 称 是 entry， 下 面 右边 建立 另 一 个 PanedWindow 对 


象 ， 


对 象 名 称 是 pwin。 最 后 在 pwin 对 象 下 面 建立 Scale 对 象 。 


# ch14 5.py 
from tkinter import * 


pw = PanedWindow(orient-HORIZONTAL) # 建立 外 层 PanedWindow 
pw.pack(fill = BOTH,expand-True) 

entry - Entry(pw,bd-3) # 创建 entry 

pw.add(entry) # 这 是 外 层 Panedwindow 的 子 对 象 


it 创建 Panedwindow 对 和 象 pwin, 这 是 外 层 PanedwWindow 的 子 对 象 
pwin = PanedWindow(pw,orient=VERTICAL) 
pw.add(pwin) 

# 创建 Scale, 这 是 pwin 对 象 的 子 对象 

scale = Scale(pwin,orient-HORIZONTAL) 
pwin.add(scale) 


pw.mainloop() 


f tk -cEM 
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(ES Notebook 


Notebook 是 属于 tkinter.ttk 模块 的 控件 。 


14-2-1 Notebook 基本 概念 

Notebook 也 是 一 个 Widget 容器 控件 ， 这 个 控件 的 特点 是 有 许多 选项 卡 ， 当 选择 不 
同 选项 卡 时 可 以 看 到 不 同 的 子 控件 内 容 ， 也 可 以 当 作 子 窗口 内 容 。 

使 用 Notebook( ) 构造 方法 的 语法 如 下 。 


Notebook ( 父 对 象 ，options) 


options 参数 如 下 。 

(1)height: 默认 是 使 用 最 大 可 能 高 度 ， 如 果 设 置 数值 则 使 用 设置 高 度 。 

(2)padding: 设置 Notebook 外 围 的 额外 空间 ， 可 以 设置 4 个 数值 代表 left. top. 
right, bottom 四 周 的 空间 。 

(3)width: 默认 是 使 用 最 大 可 能 宽度 ， 如 果 设 置 数值 则 使 用 设置 宽度 。 

整个 建立 Notebook 框架 的 步骤 如 下 。 


(1) 使 用 Notebook( ) 建立 Notebook 对 象 ， 假 设 对 象 名 称 是 notebook, 

(2) 使 用 notebook 对 象 调用 add( ) 方法 。 

add ( 子 对 象 ,text="xxx”) # xxx 是 要 添加 的 选项 卡 名 称 

G) 上 述 代码 可 以 将 子 对 象 插入 notebook， 同 时 产生 “xxx” 选 项 卡 名 称 。 

如 果 用 正规 语法 表示 add( ) 方法 ， 它 的 语法 格式 如 下 。 

add ( FZR, options) 

options 参数 如 下 。 

(1D)compound: 可 以 设置 当选 项 卡 内 同时 含 图 像 和 文字 时 ， 彼 此 之 间 的 位 置 关 系 ， 
可 以 参考 2-12 节 。 

(2)image: 选项 卡 以 图 像 方式 呈现 。 

(3)padding: 可 以 设置 Notebook 和 面板 Pane 的 额外 空间 。 


(A)state: 可 能 值 是 normal、disabled、hidden， 如 果 是 disabled 表示 无 法 被 选取 使 
用 ， 如 果 是 hidden 表示 被 隐藏 。 
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(5)sticky: 指出 子 窗口 面板 的 配置 方式 ，n/s/e/w 分 别 代表 North, South, East, West. 
(G)text: 选项 卡 中 的 字符 串 内 容 。 
(T)underline: 从 0 开始 计算 的 索引 ， 指 出 第 几 个 字母 含 下 画 线 。 


程序 实例 ch14. 6.py: 简单 建立 Notebook 的 框架 ， 这 个 程序 中 各 选项 卡 中 的 子 对 象 是 
Frame 对 象 ， 可 参考 第 11、12 行 。 


# ch14 6.py 
from tkinter import * 
from tkinter.ttk import * 


root - Tk() 

root.title("ch14 6") 

root.geometry("300x160") 

notebook - Notebook(root) E Notebook 


framel = Frame() # Frame1 
frame2 = Frame() it Frame2 


notebook.add(framel,text-"jkIg-e1") # 创 3 1 同 8 
notebook.add(frame2,text=" 选 项 卡 2") # 2[SIE 
notebook. pack(padx-10, pady-10, fill-BOTH,expand-TRUE) 


b AFramel 
t AFrame2 


root.mainloop() 


f chi46 -05 1 w46 č - -EF 


选项 卡 1 选项 卡 2 选项 卡 1 进项 卡 2| 


14-2-2 绑 定 选项 卡 与 子 控件 内 容 


在 程序 ch14 6.py 中 所 看 到 的 各 选项 卡 内容 是 空 的 ， 本 节 的 实例 重点 是 在 选项 卡 


内 建立 子 控件 内 容 。 


程序 实例 hi4 7.py: 扩充 设计 chl4 6.py， 主 要 是 在 选项 卡 1 中 增加 内 容 是 
“Python” 的 标签 子 对 象 ， 此 时 标签 对 象 建立 过 程 可 参考 第 17 行 ， 重 点 如 下 。 


label = Label(framel, = ) # framel 是 label 的 父 对 象 
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在 选项 卡 2 中 增加 名 称 是 “Help” 的 功能 按钮 子 对 象 ， 此 时 功能 按钮 对 象 创建 过 


程 可 参考 第 19 行 ， 重 点 如 下 。 


c -ouBuNmHG 


o 


btn = Button (frame2，… ) 4 frame2 是 btn 的 父 对 象 
当 单 击 Help 功能 按钮 时 会 列 出 showinfo 内 容 的 消息 。 
# ch14 7.py 


from tkinter import * 
from tkinter import messagebox 
from tkinter.ttk import * 
def msg(): 
messagebox. showinfo("Notebook" , "欢迎 使 用 Notebook") 


root = Tk() 


root.title("ch14 7") 

root.geometry("300x160") 

notebook - Notebook(root) # 创建 Notebook 
framel = Frame() # Frame1 
frame2 = Frame() # Frame2 


label = Label(framel,text-"Python") # 在 Framel 中 创建 标 
label.pack(padx-10,pady-10) 


btn = Button(frame2,text-"Help",command-msg) # 在 Frame2 建 按钮 控件 
btn.pack(padx=10,pady=16) 

notebook.add(framel,text-" 7/91") 并 创建 1 同时 插入 Frame1 
notebook.add(frame2,text=" 页 次 2") S9 创建 2 同时 插入 Frame2 


notebook.pack(padx-10, pady-10, fill=BOTH,expand=TRUE) 


root.mainloop() 


d ch14.7 -5 / chi4 7 - -EE f Notebook EN 
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进度 条 Progressbar 


本 章 摘要 

15-1 Progressbar 的 基本 应 用 

15-2 Progressbar 动画 设计 

15-3 Progressbar 的 方法 start( )/step( )/stop( ) 
15-4 indeterminate 模式 
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| 15-1. Progressbar 的 基本 应 用 


Progressbar 可 以 解释 为 进度 条 ， 主 要 是 当 作 一 个 工作 进度 指针 ， 在 这 个 控件 中 会 


有 一 个 指针 ， 由 此 指针 可 以 了 解 工作 进度 ， 例 如 ， 档 案 下 载 、 档 案 解 压缩 等 。 用 户 可 
以 由 这 个 工作 进度 指针 确认 系统 仍 在 进行 中 , 同时 也 可 以 了 解 目前 进行 到 哪 一 个 阶段 。 


它 的 构造 方法 语法 如 下 。 
Progressbar( 父 对 象 ,options，… ) 


Progressbar( ) 方法 的 第 一 个 参数 是 父 对 象 ， 表 示 这 个 Progressbar 将 建立 在 哪 一 个 


父 对 象 内 。 下 列 是 Progressbar( ) 方法 内 其 他 常用 的 options 参数 。 


(1)length: 进度 条 的 长 度 ， 默 认 是 100 像素 。 

(2)mode: 可 以 有 下 列 两 种 模式 。 

(D determinate: 一 个 指针 会 从 起 点 移 至 终点 ， 通 常 当 我 们 知道 所 需 工 作 时 间 时 ， 
可 以 使 用 此 模式 ， 这 是 默认 模式 。 

© indeterminate: 一 个 指针 会 在 起 点 和 终点 间 来 回 移动 ， 通 常 当 我 们 不 知道 工作 所 
需 时 间 时 ， 可 以 使 用 此 模式 。 

(3)maximum: 进度 条 的 最 大 值 ， 默 认 是 100。 

(4)name: 进度 条 的 名 称 ， 供 程序 参考 引用 。 

(S)orient: 进度 条 的 方向 ， 可 以 是 HORIZONTAL( 默认 ) 8& VERTICAL. 

(6)value: 进度 条 的 目前 值 。 

(7)variable: 记录 进度 条 目前 的 进度 值 。 


程序 实例 ch15_1.py: 进度 条 最 大 值 是 100， 列 出 目前 值 是 50 的 界面 。 其 中 一 个 进度 
条 大 部 分 参数 使 用 默认 值 ， 另 一 个 则 是 使 用 自 定义 方式 。 


1 


1 
2 
3 
4 
5 
6 
4 
8 
9 
0 


# ch15 1.py 
from tkinter import * 
from tkinter.ttk import * 


root - Tk() 
root . geometry ("300x140") 
root.title("ch15 1") 


# dd Puts 2 
pbi = Progressbar(root) 
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11  pbi.pack(pady-20) 

12 pbi["maximum"] = 100 

13 pbi["value"] = 

15 # ^ 自 定义 方式 创建 进度 条 

16 Erai = E iiie orient-HORIZONTAL,length-200,mode -"determinate") 
17  pb2.pack(pady-20) 

18  pb2["maximum"] = 100 

19 pb2["value"] = 


21  root.mainloop() 


(^"^ was: -EN 


15-2 | Progressbar 动画 设计 


如 果 想 要 设计 含 动画 效果 的 Progressbar， 可 以 在 每 次 更 新 Progressbar 对 象 的 
value 值 时 调用 update() 方法 ， 这 时 窗口 可 以 依据 value 值 重 绘 ， 这 样 就 可 以 达到 动画 
效果 。 


程序 实例 ch15. 2.py: 设计 带动 画 效果 的 Progressbar， 最 大 值 是 100， 从 0 开始， 每 
隔 0.05s 可 以 移动 一 格 。 


1 # ch15 2.py 


2 from tkinter import * 

3 from tkinter.ttk import * 

4 import time 

5 

6 def running(): # 开始 Progressbar 动 画 
2 for i in range(100): 

8 pb["value"] = i+1 # 每 次 更 新 1 

9 root.update() # 更 新 画面 

10 time.sleep(0.05) 

11 


12 root - Tk() 
13 root.title("ch15 2") 


15 pb = Progressbar(root, length-200,mode-" determinate" ,orient-HORIZONTAL) 
16  pb.pack(padx-10, pady-10) 
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17 pb["maximum"] = 100 
] = 


18 pb["value" 9 


20 btn = Button(root,text-"Running",command-running) 
21  btn.pack(pady-10) 


23  root.mainloop() 


f ch1i5 2 - EE | (052-0 1 ch15 2 - 0 E 
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假设 我 们 在 设计 下 载 资料 的 Progressbar， 在 真实 的 应 用 中 ， 可 以 将 所 获得 的 档案 
大 小 当 作 Progressbar 对 象 maximum 参数 的 值 ， 然 后 设置 每 次 读 取 数 据 数 量 ( 下 载 量 )， 
只 要 总 下 载 量 小 于 maximum， 则 继续 下 载 。 下 面 是 模拟 下 载 的 Progressbar 设计 。 


程序 实例 ch15_3.py: 模拟 下 载 的 Progressbar 设计 ， 假 设 下 载 总 量 是 10 000B， 每 次 
读 取 数据 数量 ( 下 载 量 ) 是 500B。 


1 # ch15 3.py 

2 from tkinter import * 

3 from tkinter.ttk import * 

4 

5 def load(): # 启动 Prograssbar 
6 pb["value"] = € # Prograssbar 初 始 值 
7 pb["maximum"] - maxbytes # Prograssbar 最 大 值 
8 loading() 

9 def loading(): # 仿真 下 载 数据 

10 global bytes 

11 bytes += 500 # 模拟 每 次 下 载 500 
12 pb["value"] = bytes # 

13 if bytes « maxbytes: 

14 pb.after(50, loading) # 经 过 90.05s 继 续 执 行 1oading 
15 


16 root - Tk() 
17 root.title("ch15 3") 


18 bytes = 0 ü 
19  maxbytes - 10000 # 假设 下 载 文件 大 小 
20 


21 pb = Progressbar(root,length-200,mode-"determinate",orient-HORIZONTAL) 
22  pb.pack(padx-10, pady-10) 
23 pb["value"] - 0 # Prograssbar 初 始 值 


25 btn = Button(root,text="Load" ,command=load) 
26 btn.pack(pady=10) 


28  root.mainloop() 
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(15-3 | Progressbar 的 方法 start( )/step( )/stop( ) 


这 几 个 方法 的 含义 如 下 。 

(1)start(interval): 每 隔 interval 时 间 移 动 一 次 指针 。interval 的 默认 值 是 Soms， 每 
次 指针 移动 调用 一 次 step(delta)。 在 step( ) 方法 内 的 delta 参数 的 意义 是 增值 量 。 

(2)step(delta): 每 次 增加 一 次 delta， 默 认 值 是 1.0， 在 determinate 模式 ， 指 针 不 会 
超过 maximum 参数 值 。 在 indeterminate 模式 ， 当 指针 达到 maximum 参数 值 的 前 一 格 
时 ， 指 针 会 回 到 起 点 。 

(3)stop( ): 停止 start( ) 的 运行 。 
程序 实例 ch15_4.py: 验证 使 用 step) 方法 ， 相 当 于 每 次 增值 2， 当 指针 到 达 末 端 值 
100 前 一 格 时 (相当 于 是 98)， 指 针 会 回 到 0， 然后 重新 开始 移动 。 这 个 程序 执行 时 同 
时 在 Python Shell 窗口 中 会 列 出 目前 指针 的 值 。 


1 # chi5 4.py 

2 from tkinter import * 

3 from tkinter.ttk import * 
4 import time 
5 
6 
7 


def running(): # 开始 Progressbar 动 画 
while pb.cget("value") <= pb["maximum"]: 
pb.step(2) 
9 root.update() # 更 新 画面 
10 print(pb.cget("value")) # 打印 指针 值 
11 time.sleep(0.05) 


13 root = Tk() 
14 root.title("ch15 4") 


16 pb = Progressbar(root, length-200,mode-"determinate",orient-HORIZONTAL) 
17  pb.pack(padx-10, pady-10) 

18  pb["maximum"] = 100 

19 pb["value"] = 6 
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20 

21 btn = Button(root,text-"Running",command-running) 
22  btn.pack(pady-10) 

23 

24  root.mainloop() 
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程序 实例 ch15_5.py: 使 用 start( ) 方法 启动 Progressbar 的 动画 ， 当 单 击 Stop 按钮 后 
才 可 中 止 此 动画 。 


1 C5 5.py 

2 from tkinter import * 

3 from tkinter.ttk import * 

4 

5 def run(): # 开始 Progressbar 动 画 
6 pb.start() # 指针 每 次 移动 1 

7 def stop(): # 中 止 Progressbar 动 画 
8 pb.stop() # 中 止 pb 对 象 动画 

9 


10 root - Tk() 
11 root.title("ch15 5") 


13 pb = Progressbar(root, length-200,mode- "determinate" ,orient-HORIZONTAL) 
14  pb.pack(padx-5,pady-10) 

15 pb["maximum"] = 100 

16 pb["value"] = 0 


17 

18  btnRun - Button(root,text-"Run",command-run) # 创建 Run 按 钮 
19  btnRun.pack(side-LEFT,padx-5, pady-10) 

20 

21  btnStop = Button(root,text-"Stop",command-stop) # 5| /"Stopigt8 
22  btnStop.pack(side-LEFT,padx-5,pady-10) 

23 


24  root.mainloop() 


单 击 下 方 右 图 中 的 Stop 按钮 可 以 中 止 动画 的 Progressbar。 
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15-4 | indeterminate 模式 


在 这 个 模式 下 指针 将 左右 移动 ， 主 要 目的 是 让 用 户 知道 程序 仍 在 继续 工作 。 


程序 实例 ch15_6.py: 将 Progressbar 的 模式 设 为 indeterminate， 重 新 设计 ch15 5. 
py， 这 个 程序 在 执行 时 可 以 看 到 指针 左右 移动 ， 若 是 单 击 Stop 按钮 可 以 中 止 指针 
移动 。 


13 pb = Progressbar(root, length-200,mode-" indeterminate" ,orient-HORIZONTAL) 
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|16-1| RA Menu 设计 的 基本 概念 


窗口 中 一 般 会 有 菜单 设计 ， 菜 单 是 一 种 下 拉 式 窗 体 ， 在 这 种 窗 体 中 可 以 设计 菜单 
列表 。 建 立 菜单 的 方法 是 Menu( )， 它 的 语法 格式 如 下 。 

Menu ( 父 对 象 ，options，… ) 

Menu( ) 方法 的 第 一 个 参数 是 父 对 象 ， 表 示 这 个 菜单 将 建立 在 哪 一 个 父 对 象 内 。 下 
列 是 Menu( ) 方法 内 其 他 常用 的 options 参数 。 

(1)activebackground: 当 光 标 移 至 此 菜单 列表 上 时 的 背景 色彩 。 

(2)activeborderwidth: 当 被 鼠标 选取 时 它 的 外 边框 厚度 ， 默 认 是 1。 

(3)activeforeground: 当 光 标 移 至 此 菜单 列表 上 时 的 前 景色 彩 。 

(4)bd: 所 有 菜单 列表 的 外 边框 厚度 ， 默 认 是 1。 

(5)bg: 菜单 列表 未 被 选取 时 的 背景 色彩 。 

(6)cursor: 当 菜 单 分 离 时 ， 鼠 标 光 标 在 列表 上 的 外 观 。 

(7)disabledforeground: 菜单 列表 是 DISABLED 时 的 颜色 。 

(8)font: 菜单 列表 文字 的 字形 。 

(9)fg: 菜单 列表 未 被 选取 时 的 前 景色 彩 。 

(10)image: 菜单 的 图 标 。 

(1Dtearoff: 菜单 上 方 的 分 隔 线 ， 这 是 一 个 虚线 线条 ， 有 分 隔 线 时 tearoff [73 True 
或 1， 此 时 菜单 列表 从 位 置 1 开始 放置 ， 同 时 可 以 让 菜单 分 离 ， 分 离 方式 是 开启 菜单 
后 单 击 分 隔 线 。 如 果 将 tearoff y False 或 0 时， 此 时 不 会 显示 分 隔 线 ， 也 就 是 菜单 
无 法 分 离 ， 但 是 菜单 列表 将 从 位 置 0 开始 存放 。 相 关 实 例 可 以 参考 16-2 节 。 
下 列 是 其 他 相关 的 方法 。 

(1)add_cascade( ): 建立 分 层 菜单 ， 同 时 让 此 子 功能 列表 与 父 菜 单 建立 链接 。 

(2)add command( ): 增加 菜单 列表 。 

(3)add_separator( ): 增加 菜单 列表 的 分 隔 线 ， 可 以 参考 16-3 节 。 
程序 实例 ch16_1.py: 建立 最 上 层 的 菜单 列表 ， 单 击 “Hello!” 会 出 现 “ 欢 迎 使 用 菜 
单 ” 的 对 话 框 ， 单 击 “Exit!” 则 程序 结束 。 
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# chi6 1.py 
from tkinter import * 
from tkinter import messagebox 


def hello(): 
messagebox. showinfo("Hello", "欢迎 使 用 菜单 ") 


root = Tk() 

9 root.title("ch16 1") 

10  root.geometry("300x180") 

12 # 建立 最 上 层 菜单 

13 menubar = Menu(root) 

14  menubar.add command(label-"Hello!",command-hello) 

15  menubar.add command(label-"Exit!",command-root.destroy) 
16  root.config(menu-menubar) # 显示 菜单 对 象 


18  root.mainloop() 


/ «oc: - cB " Hello 


Helle ith 
0 欢迎 使 用 菜单 
确定 


上 述 的 设计 理念 是 第 13 行 先 建立 menubar 对 象 ， 然 后 第 14、15 行 分 别 将 Hello! 
和 Exit! 命令 列表 建立 在 menubar 上 。 


上 述 程序 虽然 可 以 执行 ， 但 这 并 不 是 一 个 正规 的 菜单 设计 方式 ， 正 规 的 菜单 是 在 
最 上 方 先 建立 菜单 类 别 ， 然 后 才 在 各 菜单 类 别 内 建立 相关 子 菜单 列表 ， 这 些 子 菜单 列 
表 是 用 下 拉 式 窗 体 显示 。 


程序 实例 ch16_2.py: 建立 一 个 File 菜单 ， 然 后 在 此 菜单 内 建立 下 拉 式 列表 命令 。 
1 # ch16 2.py 

2 from tkinter import * 

3 from tkinter import messagebox 

4 

5 def newFile(): 

6 messagebox.showinfo("New File"," 开 新 档案 ") 
z 

8 root - Tk() 

9 root.title("ch16 2") 


Python GUI i&it——tkinter 菜鸟 编程 


10  root.geometry("300x180") 


12 menubar = Menu(root) t 建立 最 上 层 菜单 

13 # 建立 菜单 类 别 对 象 ,并 将 此 菜单 类 别 命名 为 File 

14 filemenu = Menu(menupar) 

15  menubar.add cascade(label-"File",menu-filemenu) 

16 # 在 File 菜 单 内 建立 菜单 列表 

17  filemenu.add command(label-"New File",command-newFile) 
18  filemenu.add command(label-"Exit!",command-root.destroy) 
19  root.config(menu-menubar) # 显示 菜单 对 象 


21  root.mainloop() 


/ mez -OEE í mez? -EE 1 NewFile 
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上 述 建立 File 菜单 的 关键 是 第 14、15 行 ，filemenu 则 是 File 菜单 的 对 象 ， 第 
17、18 行 是 使 用 filemenu 对 象 在 File 菜单 内 建立 New File 和 Exit! 命令 列表 。 


16-2 | tearoff 参数 


在 16-1 节 的 Menu( ) 方法 的 参数 options 中 ， 介 绍 了 tearo 企 参数 ， 它 的 默认 值 是 
1， 至 于 其 他 细节 可 以 参考 该 部 分 的 说 明 ， 由 于 这 是 默认 值 ， 所 以 若是 开启 菜单 时 可 以 
看 到 “tearoff=1” 参 数 产生 的 虚线 分 隔 线 。 


[i ch16 2 = ka File Ed 


New File 
ew File s Exit! 
ips 单 击 虚 线 


车 单 击 虚 线 ， 可 以 让 这 个 下 拉 菜 单 分 离 ， 结 果 如 上 方 右 图 所 示 。 


第 16 章 菜单 Menu 和 工具 栏 Toolbars 


程序 实例 ch16_3.py: 在 第 14 行 建 立 菜单 时 设置 “tearoff=False”， 重 新 设计 ch16 2. 
py， 然 后 观察 执行 结果 ， 可 以 发 现 此 虚线 已 被 取消 ， 这 也 造成 无 法 将 此 下 拉 菜 单 从 
ch16 3 的 窗口 中 分 离 。 


1 # ch16 3.py 
from tkinter import * 
from tkinter import messagebox 


2 

3 

4 

5 def newFile(): 
6 messagebox.showinfo("New File", "新 建文 档 ") 
7 

8 root = Tk() 

9 root.title("ch16 3") 

10  root.geometry("300x180") 


11 
12 menubar = Heno (roo, # 建立 最 上 层 菜 单 
13 s 建立 菜单 类 别 对 象 ,并 将 此 菜单 类 别 命名 为 File 


14  filemenu = ONDES tearoffeFilee) 

15 menubar.add_cascade(label="File",menu=filemenu) 

16 # 在 File 菜 单 内 建立 菜单 列表 

17  filemenu.add command(label-"New File",command-newFile) 
18  filemenu.add command(label-"Exit!" »commanderoot. destroy) 
19  root.config(menu-menubar) # 显示 菜单 对 象 


21  root.mainloop() 


参考 下 图 虚线 被 隐藏 了 。 
1 mes -cNEBM 
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16-3 | 菜单 列表 间 加 上 分 隔 线 


在 建立 下 拉 菜 单列 表 时 ， 如 果 列 表 项 目 有 很 多 ， 可 以 适当 地 使 用 add separator( ) 
方法 在 菜单 列表 内 加 上 分 隔 线 。 


程序 实例 ch16_4.py: 扩充 设计 ch16 2.py， 在 File 菜单 内 建立 5 个 指令 列表 ， 同 时 适 
时 地 在 指令 列表 间 建 立 分 隔 线 ， 可 以 参考 第 24 和 27 行 。 
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# ch16 4.py 
from tkinter import * 
from tkinter import messagebox 
def newFile(): 

messagebox.showinfo("New File", "新 建文 档 ") 
def openFile(): 

messagebox.showinfo("New File", "打开 文档 ”) 
def saveFile(): 

messagebox.showinfo("New File", "保存 文档 ") 
def saveAsFile(): 

messagebox.showinfo("New File","5ifrJg") 


root - Tk() 
root.title("chl6 4") 
root.geometry("300x180") 


ia 


menubar = Menu(root) # 建立 最 上 层 菜 
# 建立 菜单 类 别 对 象 ， 并 将 此 菜单 类 别 命名 为 File 

filemenu = Menu(menubar) 

menubar.add cascade(label-"File",menu-filemenu) 

# 在 File 菜 单 内 建立 菜单 列表 

filemenu.add command(label-"New File",command-newFile) 
filemenu.add command(label-"Open File",command-openFile) 
filemenu.add separator() 

filemenu.add command(label-"Save",command-saveFile) 
filemenu.add command(label-"Save As",command-saveAsFile) 
filemenu.add separator() 

filemenu.add command(label-"Exit!",command-root.destroy) 
root.config(menu-menubar) # 显示 菜单 对 象 


root.mainloop() 


f ch16 4 -oKm 


Open File 


Save 


| 16-4 | 建立 多 个 菜单 的 应 用 


一 个 实用 的 窗口 应 用 程序 在 最 上 层 menubar 中 应 该 会 有 多 组 菜单 类 别 ， 在 先前 的 
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实例 中 只 建立 了 File 菜单 flemenu 对 象 ， 所 使 用 的 方法 如 下 。 


menubar = Menu(root) 
filemenu = Menu (menubar) 


menu.add cascade (label-" File" ,menu-filemenu) 


如 果 想 要 建立 多 组 菜单 类 别 ， 所 需要 的 就 是 增加 设计 上 述 第 2、3 行 ， 然 后 用 不 同 
的 名 称 取代 即 可 。 


程序 实例 ch16_5.py: 扩充 实例 ch16 4.py， 增 加 Help 菜单 ， 在 这 个 菜单 内 增加 
About me 命令 列表 。 


# ch16 5.py 
from tkinter import * 
from tkinter import messagebox 
def newFile(): 

messagebox.showinfo("New File", "新 建文 档 ") 
def openFile(): 

messagebox.showinfo("New File", "打开 文档 ") 
def saveFile(): 

messagebox.showinfo("New File", "保存 文档 ") 
def saveAsFile(): 

messagebox.showinfo("New File", "另存 为 ") 
def aboutMe(): 

messagebox.showinfo("New File", "Hisa ") 


root = Tk() 
root .title("ch16 5") 
root.geometry("300x180") 


menubar - Menu(root) # 
建立 菜单 类 别 对 象 ， 并 将 此 菜单 类 别 命名 为 File 

filemenu = Menu(menubar) 

menubar.add cascade(label-"File",menu-filemenu) 

# 在 File 菜 单 内 建立 菜单 列表 

filemenu.add command(label-"New File",command-newFile) 

filemenu.add command(label-"Open File",command-openFile) 

filemenu.add separator() 

filemenu.add command(label-"Save",command-saveFile) 

filemenu.add command(label-"Save As",command-saveAsFile) 

filemenu.add separator() 

filemenu.add command(label En COMME ROGER destroy) 

# UR 对 象 ， 并 将 此 名 为 He 

helpmenu = Menu(menubar) 

menubar.add cascade(label-"Help" menu-helpmenu) 

# 在 Help 菜 单 内 建立 菜单 列表 

helpmenu.add command(label-"About me",command-aboutMe) 

root.config(menu-menubar) # 显示 菜单 对 象 
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root.mainloop() 
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快捷 键 是 某 个 菜单 类 别 或 是 列表 指令 的 英文 字符 串 内 为 单一 字母 增加 下 画 线 ， 然 
后 可 以 用 Alt 键 先 启 动 此 功能 ， 当 菜单 显示 下 画 线 字母 时 ， 可 以 直接 按 指 定 字母 键 启 
动 该 功能 。 设 计 方 式 是 在 下 列 两 个 方法 内 增加 underline 参数 。 

add cascade( … ,underline-n) # n 代表 第 几 个 索引 字母 含 下 


画 线 
add command( … ,underline-n) $ n 代表 第 几 个 索引 字母 含 下 画 线 


add cascade( ) 的 underline 是 为 菜单 类 别 增加 字母 下 画 线 ，add_command( ) 的 
underline 是 为 命令 列表 增加 字母 下 画 线 ， 上 述 索 引 从 0 开始 计算 。 当 然 ， 在 将 所 选择 
的 字母 处 理 成 带 有 下 画 线 时 ， 必 须 适 度 选 择 具 有 代表 性 的 字母 ， 通 常会 是 字符 串 的 第 
一 个 字母 。 例 如 ，File 菜单 可 以 选择 FE，Help 菜单 可 以 选择 吾 ， 等 等 。 有 时 候 会 发 生 
字符 串 的 第 一 个 字母 与 先前 的 字母 重复 ， 例 如 ，Save 的 S 与 Save As 的 S， 这 时 第 二 
个 出 现 的 字符 串 可 以 适当 选择 其 他 字母 ， 可 参考 下 列 实例 。 


程序 实例 ch16_6.py: 重新 设计 ch16_5.py， 为 菜单 类 别 和 列表 命令 建立 快捷 键 。 


1 # ch16 6.py 

2 from tkinter import * 

3 from tkinter import messagebox 

4 def newFile(): 

5 messagebox.showinfo("New File", "新 建文 档 ") 
6 def openFile(): 

区 messagebox.showinfo("New File", "jTJ[ x Pi") 
8 def saveFile(): 

9 messagebox.showinfo("New File", "保存 文档 ") 
10 def saveAsFile(): 

11 messagebox.showinfo("New File", "另存 为 ") 
12 def aboutMe(): 

13 messagebox.showinfo("New File", iie gp") 
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15. oot = Tk() 
16 root.title("ch16 6") 
17  root.geometry("300x180") 


18 
19  menubar - argon 
20 i 建立 菜 对象， 并 将 此 菜单 类 别 命名 为 File 


21  filemenu = ER 
22  menubar.add cascade(label-"File",menu-filemenu,underline-0) 

23 # 在 File 菜 单 内 建立 菜单 列表 

24  filemenu.add command(label-"New File",command-newFile,underline-0) 
25  filemenu.add command(label-"Open File",command-openFile,underline-0) 
26  filemenu.add separator() 

27  filemenu.add command(label-"Save",command-saveFile,underline-0) 

28  filemenu.add command(label-"Save As",command-saveAsFile,underline-5) 
29  filemenu.add separator() 

30 herea add command (label= "Exit!",command-root.destroy,underline-0) 
31 建立 菜单 j 象 ， 并 将 此 菜 和 命名 为 Help 

32 a = Menu(menubar) 

33 menubar.add cascade(label-"Help",menu-helpmenu,underline-0) 

34 # 在 Help 菜 单 内 建立 菜单 列表 

35  helpmenu.add command(label-"About me",command-aboutMe,underline-1) 
36  root.config(menu-menubar) # 显示 菜单 对 象 

37 

38  root.mainloop() 


DRET 首先 必须 按 Alt 键 启动 此 功能 。 
File 的 F 和 Help 的 H 含 下 画 线 


í ch16_6 -0 h16 6 一 口 
File Help (Umm) 


按 Alt 键 


可 以 看 到 File 的 F 和 Help 的 互 字 母 含 下 画 线 ， 按 了 键 可 以 开启 File 菜单 。 
d ch16_6 一 口 f NewFile 


New File 0 新 建文 档 
Open File ln 
A 按 N 键 

Le 


Exit! 


上 述 左 图 中 按键 ， 可 以 执行 New File 功能 。 
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| 16-6. Ctrl+ 快捷 键 


在 设计 菜单 列表 时 也 可 以 在 指令 右边 设计 CtrlHX 之 类 的 快捷 键 ，X 是 代表 一 个 快 
捷 键 的 英文 字母 ， 要 设计 这 类 操作 可 以 借助 accelerator 参数 ， 然 后 再 使 用 第 11 章 所 学 
的 bind( ) 方法 将 此 快捷 键 绑 定 一 个 callback( ) 方法 。 为 了 使 程序 简化 ， 可 以 借助 Ctrl+ 
快捷 键 的 方法 ， 下 面 的 ch16_7.py 简化 了 chl6 6.py. 


程序 实例 ch16. 7.py: 设计 File 菜单 的 New File 子 菜单 ， 可 以 按 Ctrl+N 组 合 键 。 


1 # ch16 7.py 

2 from tkinter import * 

3 from tkinter import messagebox 

4 def newFile(): 

5 messagebox.showinfo("New File", "新 建文 档 ") 
6 

7 root = Tk() 

8 root.title("ch16 7") 

9  root.geometry("300x180") 

10 

11  menubar - Menu(root) # 建立 最 上 层 菜 单 
12 # 建立 菜单 类 别 对 象 ， 并 将 此 菜单 类 别 命 名 为 File 


13  filemenu = Menu(menubar) 

14  menubar.add cascade(label-"File",menu-filemenu,underline-0) 
15 # 在 File 菜 单 内 建立 菜单 列表 

16  filemenu.add command(label-"New File",command-newFile, 

17 accelerator="Ctrl+N") 

18  filemenu.add separator() 


19  filemenu.add command(label-"Exit!",command-root.destroy,underline-0) 


20 root. config(menu-menubar) # T en 

21  root.bind("«Control-N»", # hi 

22 lambda event:messagebox.showinfo(" New File", "新 建文 档 "')) 
23 


24  root.mainloop() 


1 he7 - OEE m a [7 Newfie EMI 

File [rig] | 
New File CtrleN 新 建文 档 

m o 


|. o 


按 Ctrl+N 组 合 键 
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在 上 述 第 21、22 行 是 执行 Ctrl+N 快捷 键 的 绑 定 ， 由 于 所 绑 定 事件 会 回 传 event 
件 给 callback( ) 方法 ， 所 以 无 法 直接 调用 第 4、5 行 的 newFile( ) 方法 ， 因 为 newFile( ) 
方法 没有 传递 任何 参数 ， 碰 上 这 种 问题 如 果 赁 直觉 再 建立 一 个 专 供 此 快捷 键 使 用 的 方 
法 ， 此 例 中 使 用 Lambda 表达 式 处 理 ， 以 简化 整个 程序 的 设计 。 


| 16-7 | 建立 子 菜单 


建立 菜单 时 所 使 用 的 概念 如 下 。 


menubar = Menu (root) 


p 
T 


H 


filemenu = Menu (menubar) 


menu.add cascade (label-" File" ,menu-filemenu) 


上 述 是 建立 File 菜单 。 所 谓 的 建立 子 菜单 就 是 在 File 菜单 内 另外 建立 一 个 子 菜 
单 。 如 果 所 要 建立 的 子 菜单 是 Find 子 菜单 ， 所 要 建 的 对 象 是 findmenu， 此 时 可 以 使 用 
下 列 命令 。 
findmenu = Menu (filemenu) 
XXX # 这 是 建立 子 菜单 列表 
XXX # 这 是 建立 子 菜单 列表 


filemenu.add cascade (label=" Find” ,menu=findmenu) 


程序 实例 ch16_8.py: 在 File 菜单 内 建立 Find 子 菜单 ， 这 个 子 菜单 内 有 Find Next 和 
Find Pre 命令 。 


1 # chl16 8.py 

2 from tkinter import * 

3 from tkinter import messagebox 

4 def findNext(): 

5 messagebox.showinfo("Find Next", "查找 下 一 个 ") 
6 def findPre(): 

7 messagebox.showinfo("Find Pre", "查找 下 一 个 ") 
8 


9 root = Tk() 
10 root.title("ch16 8") 
11  root.geometry("300x180") 


13 menubar = Menu(root) # 建立 最 上 层 菜单 
14 # 建立 菜单 类 别 对 象 ， 并 将 此 菜单 类 别 命名 为 File 
15  filemenu = Menu(menubar) 

16  menubar.add cascade(label-"File",menu-filemenu,underline-0) 
17. # 在 File 菜 单 内 建立 菜单 列表 

18 # 首先 在 File 菜 单 内 建立 find 子 菜单 对 象 
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19  findmenu - Menu(filemenu,tearoff-False) # 取消 分 隔 线 
20  findmenu.add command(label-"Find Next",command-findNext) 
21  findmenu.add command(label-"Find Pre",command-findPre) 
22  filemenu.add ascads Diabete Find" ,menu-findmenu) 

23 d 下 面 是 增加 分 隔 线 和 建立 
24 filemenu.add conari ae 

25  filemenu.add command(label-"Exit!",command-root.destroy,underline-0) 


26 
27  root.config(menu-menubar) # 显示 菜单 对 象 
28 


29  root.mainloop() 


í Find Next 


Q sr 
确定 


由 于 在 子 菜单 的 设计 中 一 般 为 省 略 虚 线 分 隔 线 设 计 ， 所 以 笔者 在 第 19 行 的 Menu( 
) 方法 中 增加 了 tearoff=False。 


16-8 | 建立 弹出 式 菜单 


当 使 用 Windows 操作 系统 时 ， 可 以 在 桌面 上 单 击 鼠 标 右键 ， 此 时 会 弹出 一 个 菜 
单 ， 这 就 是 弹出 式 菜单 Popup menu， 有 人 将 此 菜单 称 为 快捷 菜单 。 

设计 这 类 菜单 与 先前 需 在 窗口 的 menubar 区 建立 菜单 类 别 有 一 些 差异 ， 建 立 
Menu 对 象 后 ， 可 以 直接 利用 此 对 象 建立 指令 列表 ， 最 后 再 单 击 鼠 标 右键 操作 绑 定 显示 


E 


弹出 菜单 即 可 。 
popupmenu = Menu(root,tearoff-False) # 隐藏 虚线 分 隔 线 
popupmenu.add command(label-" xx" ,command-" yy" ) # 建立 指令 列表 
root.bind( "«Button-3»" ,callback) # 绑 定单 击 鼠 标 右键 显示 弹出 菜单 


程序 实例 ch16_9.py: 设计 弹出 菜单 ， 这 个 弹出 菜单 中 有 两 个 子 菜单 ， 一 
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Minimize 可 以 将 窗口 缩 成 图 标 ， 另 一 个 是 Exit 结束 程序 。 


1 # ch16 9.py 

2 from tkinter import * 

3 from tkinter import messagebox 

4 def minimizeIcon(): # 缩小 窗口 为 图 标 
5 root.iconify() 
6 

7 

8 


def showPopupMenu(event): # 显示 弹出 菜单 
popupmenu.post(event.x root,event.y root) 


9 root - Tk() 
10 root.title("ch16 9") 
11  root.geometry(" 300x180") 


13  popupmenu - Menu(root,tearoff-False) # 建立 弹出 菜单 对 象 

14 # 在 弹出 菜单 内 建立 两 个 指令 列表 

15  popupmenu.add command(label-"Minimize",command-minimizeIcon) 
16  popupmenu.add command(label-"Exit",command-root.destroy) 

17. # 单 击 风 标 右键 绑 定 显示 弹出 菜单 

18  root.bind("«Button-3»",showPopupMenu) 


20  root.mainloop() 


í ch16_9 -5 


5 Minimize 


| bà 


上 述 第 5 行 的 iconify() 是 最 小 化 窗口 ， 第 7 行 的 post( ) 方法 是 由 popupmenu 对 
象 启动 ， 相 当 于 可 以 在 鼠标 光标 位 置 (event.x_root,event.y_root) 弹出 此 菜单 。 


| 16-9 | add checkbutton( ) 


在 设计 菜单 列表 时 ， 也 可 以 将 命令 用 复 选 框 (checkbutton) 方式 表示 ， 也 称 为 
Check menu button， 下 面 将 用 程序 实例 讲解 。 程 序 实例 ch16 10.py 在 执行 时 ， 在 窗 
下 方 可 以 看 到 状态 栏 ，View 菜单 中 的 Status 其 实 就 是 用 的 复 选 框 命令 。 
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f ch16 10 -cEdI , ch16 10 - n x | 


File File 
sw | 


ET | 


上 述 工作 原理 是 当 Status 状态 为 True 时 ，Status 左边 可 以 有 勾 选 符号 ， 同 时 窗口 
下 方 会 有 状态 栏 ， 可 参考 上 方 左 图 。 当 Status 状态 是 False 时 ， 左 边 没有 勾 选 符号 ， 同 
时 窗口 下 方 不 会 有 状态 栏 ， 可 参考 上 方 右 图 。Check menu button 的 工作 原理 和 Widget 
对 象 Checkbutton 相同 ， 单 击 可 以 切换 状态 是 True 或 False。 


程序 实例 ch16_10.py: 设计 当 Status 为 True 时 可 以 显示 状态 栏 ， 当 Status 为 False 时 可 
以 隐藏 状态 栏 ， 这 个 程序 的 状态 栏 是 用 标签 Label 方式 处 理 ， 可 以 参考 第 30 — 34 fT. 


1 # ch16 10.py 

2 from tkinter import * 

3 

4 def status(): # 设 定 是 否 显示 状态 栏 
5 if demoStatus.get(): 

6 statusLabel.pack(side-BOTTOM, fill-X) 

7 else: 

8 statusLabel.pack forget() 

g 


10 root - Tk() 
11 root.title("ch16 10") 
12  root.geometry("300x180") 


13 
14 menubar = Menu(root) #3 
15 s 建立 菜单 类 别 对 象 ， 并 将 此 菜单 类 别 命名 为 Fil 


16 filemenu = Menu(menubar,tearoff-False) 
17  menubar.add cascade(label-"File",menu-filemenu) 


18 # 在 File 菜 单 内 建立 菜单 列表 EX 让 
19  filemenu.add command(label-"Exit",command-root.destroy) 
20 s 建立 荣 单 类 别 对 象 ， 并 将 此 菜单 类 别 命名 为 Vie 


21  viewmenu = Menu(menubar,tearoff-False) 

22  menubar.add cascade(label- View",menu-viewmenu) 

23 # 在 Vuew 菜 单 内 创建 Check menu button 

24 demoStatus = BooleanVar() 

25  demoStatus.set(True) 

26  viewmenu.add checkbutton(label-"Status",command-status, 
variable-demoStatus) 


root.config(menu-menubar) 4 显示 菜单 对 


D] 


statusVar - StringVar() 

statusVar.set(" x") 

statusLabel - Label(root,textvariable-statusVar,relief-"raised") 
statusLabel.pack(side-BOTTOM, fill-X) 


root.mainloop() 
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HER 可 参考 前 面 的 讲解 。 


上 述 程序 的 重点 如 下 ， 第 24 ~ 27 行 在 View 菜单 内 使 用 add checkbutton( ) 创建 
Check menu button， 此 对 象 名 称 是 Status， 同 时 使 用 demoStatus 布尔 变量 记录 目前 状 
态 是 True 或 False， 这 个 Status 对 象 当 有 状态 改变 时 会 执行 status( ) 方法 。 


在 第 4 一 8 行 的 status( ) 方 法 中 如 果 目 前 demoStatus 是 True， 执 行 第 6 行 包装 显 
示 窗 口 的 标签 状态 栏 ， 相 当 于 显示 statusLabel。 如 果 目 前 demoStatus 是 False， 执 行 第 
8 行 的 statusLabel.pack forget( )， 这 个 方法 可 以 隐藏 标签 状态 栏 。 


16-10| 建立 工具 栏 Toolbar 


在 前 面 章节 中 已 经 学 会 使 用 将 一 系列 类 似 命令 组 成 菜单 。 在 窗口 程序 设计 中 ， 
另 一 个 很 重要 的 概念 是 将 常用 的 命令 组 成 工具 栏 ， 放 在 窗口 内 以 方便 用 户 随 时 调用 。 
tkinter 模块 没有 提供 Toolbar 模块 ， 不 过 我 们 可 以 使 用 Frame 建立 工具 栏 。 


程序 实例 ch16_11.py: 这 个 程序 会 建立 一 个 File 菜单 ， 菜 单 内 有 Exit 命令 。 这 个 程 
序 也 建立 了 一 个 工具 栏 ， 在 工具 栏 内 有 exitBtn 按钮 。 这 个 程序 不 论 是 执行 File 菜单 的 
Exit 命令 或 是 单 击 工具 栏 中 的 exitBtn 按钮 ， 都 可 以 让 程序 结束 。 


4 chl16 11.py 
from tkinter import * 


i 
2 
4 root = Tk() 

5  root.title("ch16 11") 
6  root.geometry("300x180") 
7 
8 


menubar - Menu(root) # 建立 最 上 层 菜单 
9 # 建立 菜单 类 别 对 象 ， 并 # 菜单 类 别 命名 File 
10 filemenu = ME tearoff=False) 
11 menubar.add cascade(label-"File",menu-filemenu) 
12 # 在 File 菜 单 内 建立 菜单 列表 Exit 
13  filemenu.add command(label-"Exit",command-root.destroy) 


15 s 建立 工具 栏 
16 toolbar = Frame(root,relief=RAISED,borderwidth=3) 
17 # 在 工具 栏 内 创建 按钮 

18 sunGif = PhotoImage(file-"sun.gif") 
19 exitBtn = Button(toolbar,image=sunGif, canana pen destroy) 
20  exitBtn.pack(side-LEFT,padx-3, pady-3) 包 

21  toolbar.pack(side-TOP,fill-X) 
22  root.config(menu-menubar) 


24  root.mainloop() 
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执行 结果 
f chi611 - os f chi611 - olm 


其 实 ， 这 个 程序 中 所 用 到 的 都 是 已 经 学 过 的 概念 ， 基 本 步骤 如 下 。 
(第 8 一 11 行 ,建立 File 菜单 。 

Q) 第 13 行 ， 在 File 菜单 内 创建 Exit 命令 ， 设 定 command-root.destroy. 
(3) 第 16 行 建立 工具 栏 toolbar。 

(4) 第 19、20 行 在 工具 栏 toolbar 内 创建 和 包装 exitBtn 按钮 。 

(5) 第 21 行 包 装 工具 栏 。 

(6) 第 22 行 显示 菜单 。 


当然 ， 上 述 程序 也 有 工具 栏 太 高 的 缺点 ， 这 是 因为 GIF 格式 的 图 像 太 大 ， 读 者 在 
设计 类 似 程序 时 只 要 缩小 GIF 格式 的 图 像 即 可 。 
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本 章 摘要 


M7=41 
dca 
d 3 
17-4 
TzS 
17—6 
fee 
17-8 
9 
sd 
Add 
NE 
SSS 
17-14 
NS) 
17-16 


文字 区 域 Text 的 基本 概念 
插入 文字 insert( ) 
Text 加 上 滚动 条 Scrollbar 设计 
字形 
选取 文字 
认识 Text 的 索引 
建立 书签 
标签 
Cut/Copy/Paste 功能 
复原 与 重复 
查找 文字 
拼写 检查 
存储 Text 控件 内 容 
新 建文 档 
打开 文档 
默认 含 滚动 条 的 ScrolledText 控件 
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第 5 章 中 的 Entry 控件 主要 是 处 理 单行 的 文字 输入 ， 本 章 所 要 介绍 的 Text 控件 可 
以 视 为 Entry 的 扩充 ， 可 以 处 理 多 行 的 输入 ， 另 外 ， 也 可 以 在 文字 中 嵌入 图 像 或 是 提 
格式 化 功能 。 因 此 ， 实 际 上 我 们 可 以 将 此 Text 当 作 简单 的 文字 处 理 软件 ， 甚 至 也 可 
以 当 作 网 页 浏览 器 使 用 。 


17-1 | 文字 区 域 Text 的 基本 概念 | 


Text 的 构造 方法 如 下 。 

Text( 父 对 象 ，options，… ) 

Text( ) 方法 的 第 一 个 参数 是 父 对 象 ， 表 示 这 个 文字 区 域 将 建立 在 哪 一 个 父 对 象 
内 。 下 列 是 Text( ) 方法 内 其 他 常用 的 options 参数 。 

(l)bg EÈ background: 背景 色彩 。 

(2)borderwidth 或 bd: 边界 宽度 ， 默 认 是 2 像素 。 

(3)eursor: 当 鼠 标 光标 在 复 选 框 上 时 的 光标 形状 。 


(4)exportselection: 如 果 执 行 选 择 操作 时 ， 所 选择 的 字符 串 会 自动 输出 至 剪贴 板 ， 
如 果 想 要 避免 如 此 可 以 设置 exportselection=0。 


(5)fg 或 foreground: 字形 色彩 。 

(6)font: 字形 。 

(7)height: 高 ， 单 位 是 字符 高 ， 实 际 高 度 会 视 字符 高 度 而 定 。 
(8)highlightbackground: 当 文 本 框 取得 焦点 时 的 背景 颜色 。 


(10)highlightthickness: 取得 焦点 时 的 厚度 ， 默 认 值 是 1 。 
(11)insertbackground: 插入 光标 的 颜色 ， 默 认 是 黑色 。 
(12)insertborderwidth: 围绕 插入 游标 的 3D 厚度 ， 默 认 是 0。 
(13)padx: Text 7c / 右 框 与 文字 最 左 /最 右 的 间距 。 

(14)pady: Text 上 /下 框 与 文字 最 上 /最 下 的 间距 。 

(15)relief: 默认 是 relie 伍 SUNKEN， 可 由 此 控制 文字 外 框 。 
(16)selectbackground: 被 选取 字符 串 的 背景 色彩 。 
(17)selectborderwidth: 选取 字符 串 时 的 边界 厚度 ， 默 认 值 是 1。 
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(18)selectforeground: 被 选取 字符 串 的 前 景色 彩 。 

(19)state: 输入 状态 ， 默 认 是 NORMAL， 表 示 可 以 输入 ，DISABLED 则 是 无 法 编辑 。 

(20)tab: 可 设置 按 Tab 键 时 ， 如 何 定位 插入 点 。 

Ql)width: Text 的 宽 ， 单 位 是 字符 宽 。 

(22)wrap: 可 控制 某 行文 字 太 长 时 的 处 理 ， 默 认 是 wrap=CHAR， 当 某 行文 字 太 长 
时 ， 可 从 字符 做 断 行 ; 当 wrap=WORD 时 ， 只 能 从 字 做 断 行 。 

(23)xscrollcommand: 在 x 轴 使 用 滚动 条 。 

(24)yscrollcommand: 在 y 轴 使 用 滚动 条 。 
程序 实例 ch17_1.py: 建立 一 个 高 度 是 2， 宽 度 是 30 的 Text 文字 区 域 ， 然 后 输入 文 
字 ， 并 观察 执行 结果 。 


# ch17 1.py 
from tkinter import * 


root = Tk() 
root.title("ch17 1") 


text - Text(root,height-2,width-30) 


1 
2 
3 
4 
5 
6 
7 
8 text.pack() 
9 

0 


m 


root.mainloop() 


下 面 分 别 是 没有 输入 、 输 入 2 行 数据 、 输 入 3 行 数据 的 结果 。 
1 ovi -OEE ; o; -oEBM ; oo; -cEM 


| [Silicon Stone Education. Deens tone Co. 
[Deeps tone Ming-Chi University 


从 上 图 可 以 发 现 ， 若 是 输入 文字 超过 两 行 ， 将 导致 第 一 行 数据 被 隐藏 ， 若 是 输入 
更 多 行将 造成 更 多 文字 被 隐藏 ， 虽 然 可 以 用 移动 光标 的 方式 重新 看 到 第 一 行文 字 ， 但 
是 对 于 不 了 解 程序 结构 的 人 而 言 ， 还 是 比较 容易 误会 Text 文字 区 域 的 内 容 。 最 后 要 注 
意 的 是 ， 放 大 窗口 并 不 会 放大 Text 文字 区 域 ， 可 参考 下 图 。 


f ch171 一 ES 


Deeps tone [m 
Ming-Chi University 


当然 ， 也 可 以 重新 设置 第 7 4T Text( ) 方法 内 的 height 和 width 参数 ， 让 Text 文字 
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区 域 可 以 容纳 更 多 数据 。 不 过 至 少 在 此 读者 应 该 可 以 体会 如 何 使 用 Text 控件 建立 输入 


多 行文 字 的 程序 了 。 


17-2 | 插入 文字 insert( ) 


insert( ) 可 以 将 字符 串 插 入 指定 的 索引 位 置 ， 它 的 使 用 格式 如 下 。 
insert(index, string) 
若是 参数 index 位 置 使 用 END 或 是 INSERT， 表 示 将 字符 串 插入 文件 末端 位 置 。 


程序 实例 ch17_2.py: 将 字符 串 插入 Text 文字 区 域 末端 位 置 。 


# ch17 2.py 


from 


root 


root. 


text 


text. 
text. 
text. 


root. 


tkinter import * 


= Tk() 
title("ch17 2") 


- Text(root,height-3,width-30) 

pack() 

insert(END，"Python 王 者 归来 \nJava 王 者 归来 \n") 
insert(INSERT, " 深 石 数 字 公司 ") 


mainloop() 


/ w72 -coNBM 


ython 王 者 汝 来 
pec: 来 


漆 石 数字 公司 


程序 实例 ch17_3.py: 插入 一 个 长 为 30 的 字符 串 ， 并 观察 执行 结果 。 


# ch17_3.py 
from tkinter import * 


1 
2 
3 
4 
S 
6 
7 
8 
9 


root - Tk() 
root.title("ch17 3") 


text - Text(root,height-3,width-30) 
text.pack() 
str - """Silicon Stone Education is an unbiased organization, 


concentrated on bridging the gap between academic and the 
working world in order to benefit society as a whole. 

We have carefully crafted our online certification system and 
test content databases. The content for each topic is created 
by experts and is all carefully designed with a comprehensive 
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15 knowledge to greatly benefit all candidates who participate. 
16 """ 

17 text.insert(END,str) 

18 

19  root.mainloop() 


Silicon Stone Education is an 
unbiased organization, 
concentrated on bridging the g 


还 是 只 能 看 到 部 分 字符 串 内 容 ， 为 了 改进 此 状况 ， 可 以 使 用 将 滚动 条 Scrollbar 加 
入 此 Text 控件 ， 然 后 用 滚动 条 方式 查看 内 容 ， 可 参考 17-3 节 内 容 。 


17-3 | Text 加 上 滚动 条 Scrollbar 设计 


在 12-8 节 曾 说 明 过 滚动 条 Scrollbar 的 用 法 ， 同 时 也 将 Scrollbar 与 Listbox 进行 过 
结合 ， 我 们 可 以 参考 该 节 思 想 将 Scrollbar 应 用 在 Text 控件 中 。 


程序 实例 ch17_4.py: 修改 ch17_3.py， 将 原先 只 显示 3 行文 字 改 成 显示 5 行文 字 ， 另 
外 主要 是 将 Scrollbar 应 用 在 Text 控件 中 ， 让 整个 Text 文字 区 域 增加 y 轴 的 滚动 条 。 


1 # ch17 4.py 
from tkinter import * 


2 

3 

4 root - Tk() 

5  root.title("ch17 4") 

6 

7 yscrollbar = Scrollbar(root) # y 轴 scrollbar 对 象 
8 text = Text(root,height-5,width-30) 

9 yscrollbar.pack(side=RIGHT,fill=Y) # yfüscrollbarg& zr 
10 text.pack() 

11 yscrollbar.config(command-text.yview) # yfüscrollbarig € 
12 text.config(yscrollcommand-yscrollbar.set) # Text 控 件 设置 


14 str = """Silicon Stone Education is an unbiased organization, 
15 concentrated on bridging the gap between academic and the 

16 working world in order to benefit society as a whole. 

17 We have carefully crafted our online certification system and 
18 test content databases. The content for each topic is created 
19 by experts and is all carefully designed with a comprehensive 
20 knowledge to greatly benefit all candidates who participate. 

gg. we 

22  text.insert(END,str) 


24  root.mainloop() 
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24x 

执行 结果 
| z 
IR ch17 4 - n: EE , ch17 4 - x 
||Silicon Stone Education is an ^ unbiased organization, ^ 
| unbiased organization, — > |concentrated on bridging the E 
| [concentrated on bridging the g` 单 击 ap between academic and the 
lap between academic and the working world in order to bene 
|working world in order to bea ) fit society as a whole. iM 


从 上 述 执行 结果 可 以 发 现 ， 现 在 我 们 可 以 拖 动 垂直 滚动 条 ， 向 下 拖 动 查看 更 多 内 容 了 。 


程序 实例 ch17_5.py: 扩充 设计 chl7 4.py， 增 加 x 轴 的 滚动 条 。 请 留意 第 9 行 ， 若 是 
想 显示 x 轴 的 滚动 条 必须 设置 wrap="none"。 


# ch17_5.py 
from tkinter import * 


root - Tk() 
root.title("ch17 5") 


xscrollbar = Scrollbar(root,orient-HORIZONTAL) # xi&scrollbarx]$& 
yscrollbar - Scrollbar(root) # y 轴 scrollban 对 象 
text = Text(root,height-5,width-30,wrap- "none" 

10 xscrollbar.pack(side-BOTTOM, fill-X) # X 轴 scrollbar 包 装 显示 
11 yscrollbar.pack(side-RIGHT,fill-Y) ysüscrollbarg) Sk 
12 text.pack() 


cou 5uNB| 


o 


Ead 


13 xscrollbar.config(command-text.xview) # x$üscrollbarig Æ 

14  yscrollbar.config(command-text.yview) # ys&&scrollbarig 

15  text.config(xscrollcommand-xscrollbar.set) # x&üscrollbar&f;gtext 
16 text.config(yscrollcommand-yscrollbar.set) & y 轴 scrollbar 绑 定 text 
TZ 


18 str = """Silicon Stone Education is an unbiased organization, 
19 concentrated on bridging the gap between academic and the 

20 working world in order to benefit society as a whole. 

21 We have carefully crafted our online certification system and 
22 test content databases. The content for each topic is created 
23 by experts and is all carefully designed with a comprehensive 
24 knowledge to greatly benefit all candidates who participate. 


25 o0 
26  text.insert(END,str) 
27 


28  root.mainloop() 


d ch17_5 - -EF f ch17. 5 -olKgd 


Silicon Stone Education is an ^ n unbiased organization, ^ 
concentrated on bridging the g gap between academic and the 
working world in order to benel —— — z- > [nefit society as a whole. 

We have carefully crafted our 单 击 r online certification system 


test content databases. The co v content for each topic is crea v 


< ps < | > 
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上 图 中 可 以 拖 动 水 平 滚动 条 左右 移动 ， 查 看 完整 的 内 容 。 如 果 我 们 将 窗口 变 大 ， 
仍然 可 以 看 到 所 设置 的 Text 文字 区 域 ， 由 于 我 们 没有 使 用 fill 或 expand 参数 做 更 进 一 
步 的 设置 ， 所 以 Text 文字 区 域 将 保持 第 9 行 height 和 width 的 参数 设置 ， 不 会 更 改 ， 
如 下 图 所 示 。 


" ch17.5 ec 
A 


[Silicon Stone Education is an 
[concentrated on bridging the g 
working world in order to bene 
We have carefully crafted our 
test content databases. The co 


€ » 


设计 Text 文字 区 域 时 ， 如 果 想 让 此 区 域 随 着 窗口 更 改 大 小 ， 在 使 用 pack() 时 ， 可 
适度 地 使 用 fill 和 expand 参数 。 


程序 实例 ch17_6.py: 扩充 设计 chl7 Spy, ib Text 文字 区 域 随 着 窗口 扩充 而 扩充 。 
为 了 让 文字 区 域 明显 ， 将 此 区 域 的 背景 设 为 黄色 ， 可 参考 第 9 行 的 设置 。 第 12 行 则 是 
让 窗口 扩充 时 ，Text 文字 区 域 也 同步 扩充 。 


9 text = Text(root,height-5,width-30,wrap-"none",bg-"lightyellow") 
10 xscrollbar.pack(side=BOTTOM,fill=X) crollbar 包 装 
11 yscrollbar.pack(side-RIGHT,fill-Y) 4 y 轴 scrollbar 包 装 
12  text.pack(fill-BOTH,expand-True) 


1 ovre - OEE Y ch17.6 - -EE 


Silicon Stone Education is an ^ Silicon Stone Education is an unbiased organi: 
concentrated on bridging the g concentrated on bridging the gap between acad 
ing UTER pene rpins "ud ia UH m peti bole f, 
je have carefully crafted our online certific. 

p content datih The ES test content databases. The content for each 
by experts and is all carefully designed with 
lowledge to greatly benefit all candidates wi 
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字形 


在 第 2-6 节 曾 说 明 字 形 Font 的 概念 ， 在 tkinter.font 模块 内 有 Font 方法 ， 可 以 
此 方法 设 定 Font 的 相关 参数 ， 例 如 ，family、size、weight、slant、underline、 
erstrike。 本 节 将 分 成 三 节 讲 解 最 常用 的 三 个 Font 参 数 : family. weight 和 


size. 


17-4-1 family 


字 


[xl 


family 用 于 设置 Text 文字 区 域 的 字形 ， 下 面 将 以 实例 说 明 此 参数 对 于 文字 区 域 


形 的 影响 。 


程序 实例 ch17_7.py: 建立 一 个 Text 文字 区 域 ， 然 后 在 上 方 建立 一 个 OptionMenu 对 


象 
形 


， 在 这 个 对 象 内 建立 了 Arial. Times, Courier 三 种 字形 ， 其 中 ，Arial 是 默认 的 字 
， 用 户 可 以 在 Text 文字 区 域 输入 文字 ， 然 后 选择 字形 ， 可 以 看 到 所 输入 的 文字 将 因 


所 选择 的 字形 而 有 不 同 的 变化 。 


# ch17 7.py 
from tkinter import * 
from tkinter.font import Font 


def familyChanged(event): # font family 更 新 
f-Font(family-familyVar.get()) # 取得 新 font family 
text.configure(font-f) # 更 新 text 的 font family 


root = Tk() 
root.title("ch17 7") 
root.geometry("300x180") 


# 建立 font family OptionMenu 

familyVar = StringVar() 

familyFamily - ("Arial","Times","Courier") 
familyVar.set(familyFamily[0]) 

family = OptionMenu(root,familyVar,*familyFamily,command-familyChanged) 
family.pack(pady-2) 


# 建立 Text 

text = Text(root) 
text.pack(fill-BOTH,expand-True, padx-3, pady-2) 
text.focus set() 


root.mainloop() 
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/ ov; -coNB / ov; | f ch77 -0 


Arial 一 Arial 一 Times 一 
[Python Language Python Lang| Arial Python Languagd 
一 一 [| Times ,| 一 一 
Courier 


这 个 程序 中 的 第 13 ~ 18 行 ， 有 关 建 立 OptionMenu 对 象 的 内 容 可 以 参考 13-1 节 ; 第 
21 — 23 行 ， 有 关 建 立 Text 文字 区 域 的 内 容 可 参考 前 几 节 的 叙述 。 对 读者 而 言 最 重要 的 是 
第 6 行 ， 可 以 取得 所 选择 的 font family， 然 后 在 第 7 行 设置 让 Text 文字 区 域 使 用 此 字形 。 


上 述 程序 实例 所 使 用 的 OptionMenu 是 使 用 tkinter 的 Widget， 如 果 使 用 tkinterttk 
将 看 到 不 一 样 的 外 观 ， 可 参考 程序 实例 chl7 7_1.py。 


程序 实例 ch17_7_1.py: 使 用 tkinter.ttk 模块 的 OptionMenu 重新 设计 chl7 7.py, 3X 
个 程序 主要 是 增加 第 4 行 。 


4 from tkinter.ttk import * 


1 ch1771 -coNEBMI 


Python Language 


17-4-2 weight 


weight 用 于 设置 Text 文字 区 域 的 字 是 否 是 粗 体 ， 下 面 将 以 实例 说 明 此 参数 对 于 文 
字 区 域 字形 的 影响 。 


程序 实例 ch17_8.py: 扩充 ch17 7.py， 先 使 用 Frame 建立 一 个 Toolbar， 然 后 将 
family 对 象 放 在 此 Toolbar 内 ， 同 时 靠 左 对 齐 。 然 后 建立 weight 对 象 ， 默 认 的 weight 
是 normal， 将 此 对 象 放 在 family 对 象 右边 ， 用 户 可 以 在 Text 文字 区 域 输入 文字 ， 然 后 
可 以 选择 字形 或 是 weight 方式 ， 可 以 看 到 所 输入 的 文字 将 因 所 选择 的 字形 或 weight 77 
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式 而 有 不 同 的 变化 。 

1 s ch17 8.py 

2 from tkinter import * 

3 from tkinter.font import Font 

4 

5 def familyChanged(event): # font family 更 新 

6 f-Font(family-familyVar.get()) # 取得 新 font family 

7 text.configure(font-f) # 更 新 text 的 font family 
8 def weightChanged(event): # weight family 更 新 

9 f-Font(weight-weightVar.get()) # 取得 新 font weight 

19 text.configure(font-f) # 更 新 text 的 font weight 
11 


12 root - Tk() 
13 root.title("ch17 8") 
14  root.geometry("300x180") 


16 $ 建立 工具 栏 
17 toolbar = Frame(root,relief-RAISED,borderwidth-1) 
18  toolbar.pack(side-TOP,fill-X,padx-2,pady-1) 


20 # 建立 font family OptionMenu 

21  familyVar - StringVar() 

22  familyFamily = ("Arial","Times","Courier") 

23  familyVar.set(familyFamily[0]) 

24 family = OptionMenu(toolbar,familyVar, *familyFamily,command-familyChanged) 
25  family.pack(side-LEFT,pady-2) 


27 # 建立 font weight OptionMenu 

28  weightVar - StringVar() 

29  weightFamily = ("normal","bold") 

30  weightVar.set(weightFamily[0]) 

31 weight = OptionMenu(toolbar,weightVar, *weightFamily,command-weightChanged) 
32  weight.pack(pady-3,side-LEFT) 

34 # 建立 Text 

35 text - Text(root) 

36  text.pack(fill-BOTH,expand-True,padx-3, pady-2) 

37  text.focus set() 


39  root.mainloop() 


执行 结果 

1 ovs -OES 1 ovs -OES 1 ovs -OEE 
Aran nomaal e | Arial — | normal 一 | Arial 一 | bold 一 | 
[Python tkinter Python tki CEN , Python tkinter| 


上 述 程序 实例 所 使 用 的 OptionMenu 是 使 用 tkinter 的 Widget, JR f£ tkinter.ttk 
将 看 到 不 一 样 的 外 观 ， 可 参考 程序 实例 ch17 8 1.py。 
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程序 实例 ch17_8_1.py: 使 用 tkinterttk 模块 的 OptionMenu 重新 设计 chl7 8.py， 这 
个 程序 主要 是 增加 第 4 行 。 


4 from tkinter.ttk import * 


/ csi: -CcCNEBMI 


Arial * normal v 
Python tkinted 


17-4-3 size 
size 用 于 设置 Text 文字 区 域 的 字号 ， 下 面 将 以 实例 说 明 此 参数 对 于 文字 区 域 字号 的 影响 。 


程序 实例 ch17_9.py: 扩充 ch17 8.py， 扩 充 使 用 13-2 节 的 Combobox 对 象 设 置 字 
号 ， 字 号 的 区 间 是 8 ~ 30， 其 中 默认 大 小 是 12。 将 此 对 象 放 在 weight 对 象 右边 ， 用 
户 可 以 在 Text 文字 区 域 输入 文字 ， 然 后 可 以 选择 字形 、weight 或 字号 ， 可 以 看 到 所 输 
入 的 文字 将 因 所 选择 的 字形 或 weight 或 字号 而 有 不 同 的 变化 。 


1 # ch17 9.py 

2 from tkinter import * 

3 from tkinter.font import Font 

4 from tkinter.ttk import * 

5 def familyChanged(event): # font family 更 新 

6 f-Font(family-familyVar.get()) # 取得 新 font family 

7 text.configure(font-f) # 更 新 text 的 font family 
8 def weightChanged(event): # weight family 更 新 

9 f-Font(weight-weightVar.get()) # 取得 新 font weight 

10 text.configure(font-f) # 更 新 text 的 font weight 
11 def sizeSelected(event): # size family 更 新 

12 f=Font(size=sizeVar.get()) # 取得 新 font size 

13 text.configure(font-f) # 更 新 text 的 font size 
14 


15 root = Tk() 
16 root.title("ch17 9") 
17  root.geometry("300x180") 


19 # 建立 工具 栏 
20 toolbar = Frame(root,relief-RAISED, borderwidth-1) 
21  toolbar.pack(side-TOP,fill-X,padx-2,pady-1) 


23 # 建立 font family OptionMenu 
24  familyVar - StringVar() 
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familyFamily = ("Arial","Times","Courier") 

familyVar.set(familyFamily[0]) 

family = OptionMenu(toolbar,familyVar,*familyFamily, command-familyChanged) 
family.pack(side-LEFT,pady-2) 


i 建立 font weight OptionMenu 

weightVar - StringVar() 

weightFamily - ("normal","bold") 

weightVar.set(weightFamily[0]) 

weight = OptionMenu(toolbar,weightVar, *weightFamily,command-weightChanged) 
weight.pack(pady-3,side-LEFT) 


# 建立 font size Combobox 

sizeVar = IntVar() 

size - Combobox(toolbar,textvariable-sizeVar) 
sizeFamily - [x for x in range(8,30)] 
size["value"] - sizeFamily 

size.current(4) 
size.bind("««ComboboxSelected»»",sizeSelected) 
size.pack(side-LEFT) 


# 建立 Text 

text = Text(root) 

text.pack(fill-BOTH, expand-True,padx-3, pady-2) 
text.focus set() 


root.mainloop() 


1 ovr» -OE / ws -OEE 1 ors -OEE 
Arial * normal ~|12 X Arial v normal v 12 Y Arial w normal M 1 Y 
Python tkinted Python tkinter E a Python tkinter 

me 14 m 


17-5 | 选取 文字 


Text 对 象 的 get( ) 方法 可 以 取得 目前 所 选 的 文字 ， 在 使 用 Text 文字 区 域 时 ， 如 果 


有 选取 文字 操作 发 生 时 ，Text 对 象 会 将 所 选 文字 的 起 始 索引 放 在 SEL_FIRST， 结 束 索 
引 放 在 SEL LAST， 将 SEL FIRST 和 SEL LAST 当 作 get( ) 的 参数 ， 就 可 以 获得 目前 
所 选 的 文字 ， 可 以 参考 chl7 10.py 第 6 行 。 


程序 实例 ch17_10.py: 当 单 击 Print selection 按钮 时 ， 可 以 在 Python Shell 窗口 列 出 
目前 所 选 的 文字 。 


9817 €& 文字 区 域 Text 


# ch17 10.py 
from tkinter import * 


try: 
selText - text.get(SEL FIRST,SEL LAST) 
print(" 选 取 文 字 : ",selText) 

except TclError: 


9 print(" 没 有 选取 文字 ") 


11 root = Tk() 
12 root.title("ch17 10") 
13 root.geometry("300x180") 


1 
2 
3 
4 def selectedText(): * 打印 所 选 的 文字 
5 
6 
7 
8 


15 # 建立 Button 

16 btn = Button(root,text-"Print selection",command-selectedText) 
17  btn.pack(pady-3) 

19 # 建立 Text 

20 text = Text(root) 

21  text.pack(fill-BOTH,expand-True, padx-3, pady-2) 

22  text.insert(END,"Love You Like A Love Song") # 插入 文字 


24  root.mainloop() 


执行 结果 
|e ch710 -OEE / zo -= 配 一 
Print selection Print selecfion 


| Love You Like A Love Song [Love You Like ES 


一 一 选取 文字 : A Love Song 
TER 
Ful 


在 上 述 第 4 一 9 行 的 selectedText( ) 方法 中 ， 使 用 try…except， 如 果 有 选取 文字 ， 
会 列 出 所 选 的 文字 ; 如 果 没 有 选取 文字 就 单 击 Print selection 按钮 将 造成 执行 第 6 行 
get( ) 方法 时 产生 异常 ， 这 时 会 产生 TelError 的 异常 ， 此 时 在 Python Shell 窗口 列 出 

“没有 选取 文字 ”。 


| 17-6 | 认识 Text 的 索引 


Text 对 象 的 索引 并 不 是 单一 数字 ， 而 是 一 个 字符 串 。 索 引 的 目的 是 让 Text 控件 处 
理 更 进一步 的 文件 操作 。 下 列 是 常见 的 索引 形式 。 
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(Dline/column("line.column"): 计数 方式 line 是 从 1 开始 ，column 从 0 开始 计数 ， 中 间 
用 句点 分 隔 。 


Q)INSERT: 目前 插入 点 的 位 置 。 

(3)CURRENT: 光标 目前 位 置 相对 于 字符 的 位 置 。 

(4)END: 缓冲 区 最 后 一 个 字符 后 的 位 置 。 

(5) 表达 式 Expression: 索引 使 用 表达 式 ， 下 列 是 说 明 ， 相 关 实 例 可 以 参考 17-11 节 的 
程序 实例 ch17_21.py。 
(D "count chars”, count 是 数字 ， 例 如 ,“+2c” 索 引 往 后 移动 两 个 字符 。 


@“-count chars", count 是 数字 ， 例 如 ,“-2c” 索 引 往 前 移动 两 个 字符 。 


上 述 是 用 字符 串 形式 表示 ， 也 可 以 使 用 index( ) 方法 ， 实 际 用 字符 串 方式 列 出 索 
引 内 容 。 


程序 实例 ch17_11.py: 扩充 设计 ch17 10.py， 同 时 将 所 选 的 文字 以 常用 的 “line. 
column” 字 符 串 方式 显示 。 


4 def selectedText(): # 打印 所 选 的 文字 
5 try: 

6 selText = text.get(SEL FIRST,SEL LAST) 

7 print("iXHyX x: ",selText) 

8 print("selectionstart: ", text.index(SEL FIRST)) 

9 print("selectionend : ", text.index(SEL LAST)) 

0 except TclError: 

1 


print(" 没 有 选取 文字 ") 


1 wz -EE 
选取 文字 : Love Song 
Print selection | ———————— Selectrionstart: 1.16 


selectionend : 1.25 
Love You Like A MAESA 


程序 实例 ch17. 12.py: 列 出 INSERT, CURRENT, END 的 位 置 。 


# ch17 12.py 
from tkinter import * 


def printIndex(): # 打印 索引 
print("INSERT : ", text.index(INSERT)) 


1 
2 
3 
4 
5 
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6 print("CURRENT: ", text.index(CURRENT)) 
7 print("END : ", text.index(END)) 
8 


9 root = Tk() 
10 root.title("ch17 12") 
11 root.geometry ("300x180") 


13 # 建立 Button 
14 btn = Button(root,text-"Print index",command-printIndex) 
15  btn.pack(pady-3) 


17 4 建立 Text 

18 text = Text(root) 

19  text.pack(fill-BOTH,expand-True, padx-3, pady-2) 

20 text.insert(END,"Love You Like A Love Song\n") # 插入 文字 
21  text.insert(END, "2588874)") # 插入 文字 


23  root.mainloop() 


( are ë =E 
UNA 

Print index CURRENT: 1.0 

u Like A Love Song : 3.0 


插入 点 位 置 


由 于 鼠标 光标 一 直 在 Print index 按钮 上 ， 所 以 列 出 的 CURRENT 是 在 1.0 索引 位 
置 ， 其 实 如 果 我 们 在 文件 位 置 单 击 时 ，CURRENT 的 索引 位 置 会 变动 ， 此 时 INSERT 
的 索引 位 置 会 随 着 CURRENT 更 改 。 之 前 我 们 了 解 使 用 insert( ) 方 法 ， 可 以 在 文件 末端 
插入 文字 ， 当 我 们 了 解 索引 的 概念 后 ， 其 实 也 可 以 利用 索引 位 置 插入 文件 。 


程序 实例 ch17_13.py: 在 指定 索引 位 置 插入 文字 。 


# ch17 13.py 
from tkinter import * 


1 

2 

3 

4 root - Tk() 
5  root.title("ch17 13") 

6  root.geometry("300x180") 

7 

8 4 建立 Text 

9 text = Text(root) 

10  text.pack(fill-BOTH,expand-True,padx-3, pady-2) 

11 text.insert(END,"Love You Like A Love Song\n") # 插入 文字 
12 text.insert(1.14, "583 ") # 插入 文字 


14 root.mainloop() 
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| 执行 结果 
1 wz -OES 


love You Like 梦 醒 时 分 A Love So 
ing 


上 述 程序 的 重点 是 在 line-1, column-14 位 置 插入 “ 梦 醒 时 分 ”。 


17-7 EPIS NM 


在 编辑 文件 时 ， 可 以 在 文件 特殊 位 置 建立 书签 (Marks)， 方 便 查 询 。 书 签 是 无 法 显 
示 的 ， 但 会 在 编辑 系统 内 被 记录 。 如 果 书 签 内 容 被 删除 ， 则 此 书签 也 将 自动 被 删除 。 
其 实在 tkinter 内 默认 有 两 个 书签 : INSERT 和 CURRENT， 它 们 的 相对 位 置 可 以 参考 
17-6 节 。 下 列 是 常用 的 书签 相关 方法 。 

(1)index(mark): 传 回 指定 书签 的 line 和 column. 

(2)mark names( ): 传 回 这 个 Text 对 象 所 有 的 书签 。 

(3)mark set(mark,index): 在 指定 的 index 位 置 设置 书签 。 

(4)mark_unset(mark): 取消 指定 书签 设置 。 


程序 实例 ch17_14.py: 设置 两 个 书签 ， 然 后 列 出 书签 间 的 内 容 。 


# ch17 14.py 
from tkinter import * 


1 
2 
3 
4 root - Tk() 

5  root.title("ch17 14") 

6  root.geometry("300x180") 
7 

8 text = Text(root) 


for i in range(1,10): 
text.insert(END,str(i) + ' Python GUI 设计 王者 归来 \n') 
# 设置 书签 
text.mark set("mark1","5.0") 
text.mark set("mark2","8.0") 


print(text.get("mark1","mark2")) 
text.pack(fill-BOTH,expand-True) 


root.mainloop() 


执行 结果 
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下 方 右 图 是 Python Shell 窗口 的 输出 。 


f ch17_14 - n x | 


1 Python ERES tE 

2 Python GUI 设计 王者 归来 

Python GUIS} I$HX 5 Python GUI 设计 王者 归来 
5 


Python GUI 设 


6 Python GUI 设计 王者 归来 


6 Python GUI 设计 王者 归来 


Python o 7 Python GUI 设计 王者 归来 


7 Python GUI 设计 王者 归来 


8 Python GUI 


王者 归来 


9 Python GUI 设计 王者 归来 


标签 


标签 (Tags) 是 指 一 个 区 域 文字 ， 然 后 我 们 可 以 为 这 个 区 域 取 一 个 名 字 ， 这 个 名 
字 称 作 标签 ， 可 以 使 用 此 标签 名 字 代表 这 个 区 域 文字 。 有 了 标签 后 ， 我 们 可 以 针对 此 
标签 做 更 进一步 的 工作 ， 例 如 ， 将 字形 、 色 彩 等 应 用 在 此 标签 上 。 下 列 是 常用 的 标签 


方法 。 


(I)tag add(tagname,startindex[,endindex] +*+): 将 startindex 和 endindex 间 的 文字 命 
名 为 tagname 标签 。 

(2)tag config(tagname,options, … ): 可 以 为 标签 执行 特定 的 编辑 ， 或 动作 绑 定 。 
background: 背景 颜色 。 


© 


a000 


(3)tag delete(tagname): 删除 此 标签 ， 同 时 移 除 此 标签 特殊 的 编辑 或 绑 定 。 
(4)tag remove(tagname[,startindex[,endindex]] … ): 删除 标签 ， 但 是 不 移 除 此 标签 


borderwidth: 
font: 字形 。 


文字 外 围 厚度 ， 默 认 是 0。 


foreground: 前 景 颜色 。 
justify: 对 齐 方式 ， 默 认 是 LEFT， 也 可 以 是 RIGHT 或 CENTER. 
overstrike: 如 果 是 True， 加 上 删除 线 。 


underline: 如 


Ræ True, HME FHR. 


wrap: 当 使 用 


wrap 模式 时 ， 可 以 使 用 NONE、CHAR 或 WORD。 


特殊 的 编辑 或 绑 定 。 


除了 可 以 使 用 tag add( ) 自行 定义 标签 外 ， 系 统 还 有 一 个 内 建 标签 SEL， 代 表 所 
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选取 的 区 间 。 我 们 在 17-4 节 处 理 字形 时 所 影响 的 是 整个 Text 对 象 的 文字 ， 了 解 了 标签 
的 概念 后 ， 现 在 我 们 可 以 针对 特定 区 间 文 字 或 所 选取 的 文字 做 编辑 了 。 


程序 实例 ch17_15.py: 这 个 程序 的 第 14、15 行 会 先 设 定 两 个 书签 ， 然 后 第 18 行将 
两 个 书签 间 的 文字 设 为 tagl， 最 后 针对 此 tagl 设置 前 景 颜色 是 蓝 色 ， 背 景 颜色 是 浅 
黄色 。 


# ch17 15 .py 
from tkinter import * 


E 
2 
3 
4 root - Tk() 

5  root.title("ch17 15") 
6  root.geometry("300x180") 
7 
8 


text - Text(root) 


9 

10 for i in range(1,10): 

ER] text.insert(END,str(i) + ' Python GUI 设计 王者 归来 \n') 
12 


13 t 设置 书签 
14 text.mark set("mark1","5.0") 
15 text.mark set("mark2","8.0") 


17 # 设置 书签 

18 text.tag add("tag1","mark1","mark2") 

19  text.tag config("tagl1",foreground-"blue",background-"lightyellow") 
20  text.pack(fill-BOTH,expand-True) 


22  root.mainloop() 


执行 结果 
| coh715 - 0E 
1 Python GUI 设计 王 考 归 
2 Python GUI 设计 王者 归 
Peo 
on 


5 Python GUI 设 i 
6 Python GUI 设计 王者 | 
7 Python GUI 设计 王者 归 
8 Python GUI 设计 王者 归 


来 
来 
来 
来 
x 
9 Python GUI 设计 王者 归来 


程序 实例 ch17_16.py: 设计 当选 取 文字 时 ， 可 以 依 所 选 的 文字 大 小 显示 所 选 文字 。 
# ch17 16.py 
from tkinter import * 


1 
2 
3 from tkinter.font import Font 
4 from tkinter.ttk import * 
5 
6 


def sizeSelected(event): # size family 更 新 
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# 取得 新 font size 


toolbar = Frame(root,relief=RAISED,borderwidth=1) 


size = Combobox(toolbar, textvariable=sizeVar) 


size.bind("««ComboboxSelected»»",sizeSelected) 


text.pack(fill-BOTH,expand-True,padx-3, pady-2) 


text.insert(END,"If you miss the rain I'm on, An") 
text.insert(END,"You will know that I am gone.An") 
text.insert(END,"You can hear the whistle blown") 


7 f-Font(size-sizeVar.get()) 

8 text.tag config(SEL,font-f) 

9 

10 root = Tk() 

11 root.title("ch17 16") 

12 root.geometry("300x180") 

13 

14 # 建立 工具 位 

15 

16  toolbar.pack(side-TOP,fill-X,padx-2,pady-1) 
17 

18 # 建立 font size Combobox 

19  sizeVar = IntVar() 

20 

21  sizeFamily = [x for x in range(8,30)] 
22  size["value"] = sizeFamily 

23  size.current(4) 

24 

25  size.pack() 

26 

27 8 建立 Text 

28 text - Text(root) 

29 

30  text.insert(END,"Five Hundred MilesWn") 
31 

32 

33 

34  text.insert(END,"A hundred miles, \n") 
35 text.focus_set() 

36 

37  root.mainloop() 


í ouo - OEN í ch716 - OEN í wzi -ED 
12 v 12 v 16 bdi 

Five Hundred Miles Five 12 E Five Hundred Miles 

Hi Praias DE I'm on, u yci3 If you miss the rain I'm on, 

ou wi now that am gone. rou "14 P. You will am gone. 

You can hear the whistle blow You 415 pw maT =a PT A 


A hundred miles, 


M n n 
17 | 


18 
19 


A hundred miles, 


上 述 程序 在 设计 时 我 们 是 使 用 SEL 当 作 变 更 字号 的 依据 ， 可 参考 第 8 行 ， 所 以 当 
我 们 取消 选取 时 ， 原 先 所 编辑 的 文字 又 将 返回 原先 大 小 。 在 程序 设计 时 我 们 也 可 以 在 
insert( ) 方法 的 第 三 个 参数 增加 标签 tag， 之 后 则 可 以 直接 设置 此 标签 。 


程序 实例 ch17_17.py: 扩充 程序 实例 ch17 16py， 主 要 是 第 30 行 插入 歌曲 标题 时 ， 同 时 
设置 此 标题 为 Tag 标签 “a”， 然 后 在 第 37 行 设置 标签 为 居中 对 齐 、 蓝 色 、 含 下 画 线 。 
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27 # 建立 Text 

28 text - Text(root) 

29  text.pack(fill-BOTH,expand-True, padx-3, pady-2) 

30  text.insert(END,"Five Hundred MilesVWn","a") 3 插入 时 同时 设置 Tag 
31 text.insert(END,"If you miss the rain I'm on, An") 

32  text.insert(END,"You will know that I am gone.Wn") 

33  text.insert(END,"You can hear the whistle blowWn") 

34  text.insert(END,"A hundred miles, n") 

35  text.focus set() 

36 1t 将 Tag a 设 为 居中 ， 蓝 色 ， 含 下 画 线 

37  text.tag config("a",foreground-"blue",justify-CENTER,underline-True) 


39  root.mainloop() 


f ch17_17 - n x | 


Fixe Hundred Mil 
[If you miss the rain I'm on, 
|You will know that I am gone. 
You can hear the whistle blow 
[A hundred miles, 


17-9 | Cut/Copy/Paste 功能 


编辑 文件 时 剪 切 / 复制 /粘贴 (Cut/Copy/Paste) 是 很 常用 的 功能 ， 这 些 功能 其 实 
已 经 被 内 建 在 tkinter 中 了 ， 不 过 在 使 用 这 些 内 建功 能 前 ， 作 者 还 是 想 为 读者 建立 正确 
概念 ， 学 习 更 多 基本 功 ， 毕 竟 学 会 基本 功 可 以 了 解 工作 原理 ， 对 读者 而 言 将 会 更 有 帮 
助 。 如 果 我 们 想 要 删除 所 编辑 的 文件 可 以 用 delete( ) 方法 ， 在 这 个 方法 中 如 果 想 要 删 
除 的 是 一 个 字符 ， 可 以 使 用 一 个 参数 ， 这 个 参数 可 以 是 索引 ， 下 面 是 一 个 实例 。 


delete (INSERT) # 删除 插入 点 字符 

如 果 要 删除 所 选 的 文本 块 ， 可 以 使 用 两 个 参数 : 起 始 索引 与 结束 索引 。 
delete(SEL FIRST, SEL LAST) # 删除 所 选 文本 块 
delete(startindex, endindex) # 删除 指定 区 间 文 本 块 

在 编辑 程序 时 常常 会 需要 删除 整 份 文件 ， 可 以 使 用 下 列 语 法 。 
delete(1.0, END) 
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注意 : DAE RE SE HH Text 对 象 启动 。 接 下 来 将 直接 用 程序 实例 讲解 如 何 应 用 这 些 
功能 。 


程序 实例 ch17_18.py: 使 用 tkinter 设计 具有 Cut/Copy/Paste 功能 的 弹出 菜单 ， 这 个 
菜单 可 以 执行 剪 切 / 复制 / 粘贴 (Cut/Copy/Paste) 工作 。 


1 # chi7 18.py 

2 from tkinter import * 

3 from tkinter import messagebox 

4 def cutJob(): # Cut 方 法 

5 copyJob() # 复制 选取 文字 
6 text.delete(SEL FIRST,SEL LAST) # 删除 选取 文字 
7 def copyJob(): # Copy 方 法 

8 try: 

9 text.clipboard clear() # 173-2157] 
10 copyText - text.get(SEL FIRST,SEL LAST) # 复制 选取 区 域 
11 text.clipboard append(copyText) # 写 入 剪贴 板 
12 except TclError: 

13 print(" 没 有 选取 ") 

14 def pasteJob(): # Paste 方 法 
15 try: 

16 copyText = text.selection get(selection-"CLIPBOARD") # 读 取 剪贴 板 内 容 
17 text.insert(INSERT, copyText) # 插入 内 容 
18 except TclError: 

19 print(" 剪 贴 板 没 有 数据 ") 

20 def showPopupMenu(event): # 显示 弹出 菜单 
21 popupmenu.post(event.x root,event.y root) 

22 


23 root - Tk() 
24 root.title("ch17 18") 
25  root.geometry("300x180") 


27  popupmenu - Menu(root,tearoff-False) # 建立 弹出 菜单 对 象 
28 9 在 弹出 菜单 内 建立 三 个 命令 列表 

29  popupmenu.add command(label-"Cut",command-cutJob) 

30  popupmenu.add command(label-"Copy",command-copyJob) 

31  popupmenu.add command(label-"Paste",command-pasteJob) 

32 # 单 击 鼠 标 右键 绑 定 显示 弹出 菜单 

33  root.bind("«Button-3»",showPopupMenu) 


35 # 建 立 Text 

36 text = Text(root) 

37  text.pack(fill-BOTH,expand-True,padx-3, pady-2) 

38  text.insert(END, "Five Hundred Miles\n") 

39  text.insert(END,"If you miss the rain I'm on, An") 
40  text.insert(END,"You will know that I am gone.An") 
41 text.insert(END,"You can hear the whistle blow Wn") 
42  text.insert(END,"A hundred miles,Wn") 


44  root.mainloop() 
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4 Hne = AEA E 
Five Hundred Miles SEEME T NN 

If you miss the rain I'm on, |If you miss the Cut , 

You will know that I am gone. ou will know tha| Copy fe. 

You can hear the whistle blow fou can hear the | past ow 

A hundred miles, A hundred miles, z3 


对 上 述 程序 而 言 ， 最 重要 的 是 下 列 三 个 方法 。 下 面 是 cutJob( ) 方法 。 


4 def cutJob(): # Cut 方 法 
5 copy2ob() " Em 文字 
6 text .delete(SEL_FIRST,SEL_LAST) # 删除 选取 文字 


在 编辑 功能 中 执行 eut 命令 时 ， 数 据 是 暂 存在 剪贴 板 上 的 ， 所 以 第 5 行 先 执行 
copyJob( )， 这 个 方法 会 将 所 选取 的 文字 区 间 储 存在 剪贴 板 。 第 6 行 则 是 删除 所 选取 的 
文字 区 间 。 下 列 是 copyJob( ) 方法 。 


7 def copyJob(): # Copy 方 法 

8 try: 

9 text.clipboard clear() 贴 板 
10 copyText - text.get(SEL FIRST,SEL LAST) 域 
11 text.clipboard append(copyText) 

12 except TclError: 
13 print(" 没 有 选取 ") 


复制 是 将 所 选取 的 数据 先 复 制 至 剪贴 板 ， 为 了 单纯 化 ， 在 第 9 行使 用 clipboard - 
clear( ) 方法 先 删除 剪贴 板 的 数据 。 由 于 如 果 没 有 选取 文字 就 读 取 所 选区 块 文字 会 造成 
异常 ， 所 以 程序 中 增加 try … except 设计 。 第 10 行 是 将 所 选取 的 文本 块 读 入 copyText 
变量 。 第 11 行 则 是 使 用 clipboard append( ) 方法 将 参数 copyText 变量 的 内 容 写 入 剪贴 
板 。 下 面 是 pasteJob( ) 方法 的 设计 。 


14 def pasteJob(): # Paste 方 法 

15 try: 

16 copyText = text.selection get(selection-"CLIPBOARD") # 诗 有 取 剪贴 板 内 容 
17 text.insert(INSERT, copyText) # 插入 内 容 

18 except TclError: 

19 print(" 剪 贴 板 没 有 数据 ") 


如 果 剪 贴 板 没有 数据 在 执行 读 取 时 会 产生 TelError 异常 ， 所 以 设计 时 增加 了 try … 
except 设计 。 第 16 行 调用 selection get( ) 方法 读 取 剪 贴 板 中 的 内 容 ， 所 读 取 的 内 容 会 
存储 在 copyText， 第 17 行 则 是 将 所 读 取 的 copyText 内 容 插入 编辑 区 INSERT 位 置 。 


不 过 上 述 Cut/Copy/Paste 方法 目前 已 经 内 建 为 tkinter 的 虚拟 事件 ， 可 以 直接 引 
用 ， 可 参考 下 列 方法 。 
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程序 实例 ch17_19.py: 使 用 内 建 的 虚拟 方法 重新 设计 ch17_18.py。 


1 # ch17_ 19.py 

2 from tkinter import * 

3 from tkinter import messagebox 

4 def cutJob(): # Cut 方 法 

5 text.event generate("««Cut»»") 

6 def copy2ob(): # Copy 方 法 
7 text .event generate("««Copy»»") 

8 def pasteJob(): # Paste 方 法 
9 text .event generate("««Paste»»") 

10 def showPopupMenu(event) : # 显示 弹出 菜单 
11 popupmenu.post(event.x root,event.y root) 

12 


13 root - Tk() 
14 root.title("ch17 19") 
15  root.geometry("300x180") 


17  popupmenu = Menu(root,tearoff-False) # 建立 弹出 菜单 对 象 
18 # 在 弹出 菜单 内 建立 三 个 命令 列表 

19  popupmenu.add command(label-"Cut",command-cutJob) 

20  popupmenu.add command(label-"Copy",command-copyJob) 

21  popupmenu.add command(label-"Paste",command-pasteJob) 

22 # 单 击 鼠 标 右键 绑 定 显示 弹出 菜单 

23  root.bind("«Button-3»", showPopupMenu) 


25 # 建立 Text 

26 text - Text(root) 

27  text.pack(fill-BOTH,expand-True,padx-3, pady-2) 

28  text.insert(END, "Five Hundred MilesWn") 

29  text.insert(END,"If you miss the rain I'm on, Vn") 
30  text.insert(END,"You will know that I am gone. An") 
31 text.insert(END,"You can hear the whistle blowWn") 
32  text.insert(END,"A hundred miles,Wn") 


34  root.mainloop() 


与 ch17 18.py 相同 。 


UEDssssS ——————— 


Text 控件 有 一 个 简单 复原 (undo) 和 重 做 (redo) 的 机 制 ， 这 个 机 制 可 以 应 用 于 文 
删除 (delete) 和 文字 插入 (insert)。Text 控件 在 默认 环境 下 没有 开启 这 个 机 制 ， 如 果 要 
使 用 这 个 机 制 ， 可 以 在 Text( ) 方法 内 增加 undo=True 参数 。 


程序 实例 ch17_20.py: 扩充 设计 ch17 19.py， 增 加 工具 栏 ， 在 这 个 工具 栏 内 有 Undo 
和 Redo 功能 按钮 ， 可 以 分 别 执行 Undo fil Redo 工作 。 
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1 # ch17 20.py 

2 from tkinter import * 

3 from tkinter import messagebox 

4 def cutJob(): # Cut 方 法 

5 text.event generate("««Cut»»") 

6 def copyJob(): # Copy 方 法 

7 text.event generate("««Copy»»") 

8 def pasteJob(): # Paste 方 法 

9 text.event generate("««Paste»»") 

10 def showPopupMenu(event): # 显示 弹出 菜单 
11 popupmenu.post(event.x root,event.y root) 

12 def undoJob(): # 复原 undo 方 法 
13 try: 

14 text.edit undo() 

15 except: 

16 print(" 先 前 没有 动作 ") 

17 def redoJob(): # 重 做 redo 方 法 
18 try: 

19 text.edit redo() 

20 except: 

21 print(" 先 前 没有 动作 ") 


23 root = Tk() 
24 root.title("ch17 20") 
25  root.geometry("300x180") 


27  popupmenu = Menu(root,tearoff=False) # 建立 弹出 菜单 对 象 
28 # 在 弹出 菜单 内 建立 三 个 指令 列表 

29  popupmenu.add command(label-"Cut",command-cutJob) 

30  popupmenu.add command(label-"Copy",command-copyJob) 

31  popupmenu.add command(label-"Paste",command-pasteJob) 

32 8 单 击 鼠 标 右键 绑 定 显示 弹出 菜单 

33  root.bind("«Button-3»",showPopupMenu) 


35 # 建立 工具 柱 
36 toolbar = Frame(root,relief-RAISED, borderwidth-1) 
37  toolbar.pack(side-TOP,fill-X,padx-2,pady-1) 


39 # 建立 Button 

40  undoBtn = Button(toolbar,text-"Undo", command-undo2ob) 
41  undoBtn.pack(side-LEFT,pady-2) 

42  redoBtn = Button(toolbar,text-"Redo",command-redoJob) 
43  redoBtn.pack(side-LEFT,pady-2) 


45 d 建立 Text 

46 text = Text(root,undo-True) 

47  text.pack(fill-BOTH,expand-True, padx-3, pady-2) 

48  text.insert(END, "Five Hundred Miles\n") 

49  text.insert(END,"If you miss the rain I'm on, Wn") 
50  text.insert(END,"You will know that I am gone.An") 
51  text.insert(END,"You can hear the whistle blown") 
52  text.insert(END,"A hundred miles,Wn") 


54  root.mainloop() 
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执行 结果 
1 w72 -cE ; mo -EE í ch720 -ED 
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当 我 们 在 第 46 行 Text( ) 构造 方法 中 增加 undo- True 参数 后 ， 程 序 第 14 行 就 可 以 
用 text 对 象 调 用 edit undo( ) 方法 ， 这 个 方法 会 自动 执行 Undo 动作 。 程 序 第 19 行 就 
可 以 用 text 对 象 调 用 edit redo( ) 方法 ， 这 个 方法 会 自动 执行 Redo 动作 。 


M7-11 查找 文字 


在 Text 控件 内 可 以 使 用 search( ) 方法 查找 指定 的 字符 串 ， 这 个 方法 会 传 回 找到 第 
一 个 指定 字符 串 的 索引 位 置 。 假 设 Text 控件 的 对 象 是 text， 它 的 语法 如 下 。 

pos = text.search(key, startindex, endindex) 

(Dpos: 传 回 所 找到 的 字符 串 的 索引 位 置 ， 如 果 查 找 失败 则 传 回 空 字符 串 。 

(2)key: 所 查找 的 字符 串 。 

(3)startindex: 查找 起 始 位 置 。 

(4)endindex: 查找 结束 位 置 ， 如 果 查 找到 文档 最 后 可 以 使 用 END. 


程序 实例 ch17_21.py: 查找 文字 的 应 用 ， 所 查找 到 的 文字 将 用 黄色 底 显示 。 


in 


1 # ch17 21.py 

2 from tkinter import * 

3 

4 def mySearch(): 

5 text.tag remove("found","1.0",END) # 删除 优 标 但 是 不 删除 谷 标 定义 
6 start = "1.0" # 设 定 搜寻 起 始 位 置 

7 key - entry.get() + 读 取 搜 寻 关 键 词 

8 

9 if (len(key.strip()) -- 0): # 没有 输入 

10 return 

11 while True: # while 循 环 搜寻 

12 pos = text.search(key, start,END) # 执行 搜寻 

13 if (pos == ""): # 找 不 到 结束 while 循 环 
14 break 

15 text .tag_add("found" ,pos，"%s+%dc”% (pos, len(key))) # 加 入 标签 
16 start = "Xs4Xdc" X (pos, len(key)) # 更 新 搜寻 起 始 位 置 
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18 root - Tk() 

19 root.title("ch17 21") 

20  root.geometry("300x180") 

21 

22  root.rowconfigure(1, weight-1) 

23  root.columnconfigure(0, weight-1) 

24 

25 entry - Entry() 

26  entry.grid(row-0,column-0, padx-5, sticky-W«E) 

27 

28 btn = Button(root,text-"zrif",command-mySearch) 

29  btn.grid(row-0, column-1,padx-5, pady-5) 

30 

31 # 建立 Text 

32 text - Text(root,undo-True) 

33 text.grid(row-1,column-0,columnspan-2,padx-3,pady-5, 
34 sticky=N+S+W+E) 

35  text.insert(END,"Five Hundred Miles\n") 

36  text.insert(END,"If you miss the rain I'm on, Wn") 
37  text.insert(END,"You will know that I am gone.An") 
38  text.insert(END,"You can hear the whistle blow Wn") 
39  text.insert(END,"A hundred miles,An") 


40 
41  text.tag configure("found", background-"yellow") # 定义 找到 的 标签 
42 


43  root.mainloop() 


| mza > | 
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| [Five Hundred Miles Five Hundred Miles 
| If you miss the rain I'm on, 六 一 人 | to da miss the rain I'm on, 
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You will know that I am gone. will know that I am gone. 
You can hear the whistle blow can hear the whistle blow 
A hundred miles, A hundred miles, 


对 读者 而 言 ， 陌 生 的 第 一 个 程序 代码 是 第 12 47: 
12 pos = text.search(key,start,END) # 执行 查找 

这 个 程序 代码 会 查找 key 关键 词 ， 所 查找 的 范围 是 text 控件 内 容 start 索引 至 文件 
结束 ， 若是 查找 到 会 传 加 key 关键 词 出 现 的 索引 位 置 给 pos。 读 者 陌生 的 第 二 个 程序 代 
码 是 第 15、16 行 ， 如 下 所 示 。 


15 text. tag _add("found",pos,"%s+%dc" % (pos, len(key))) # 加 入 标签 
16 start = "%s+%dc" % (pos, len(key)) # 


上 述 第 15 fT pos 是 加 入 标签 的 起 始 位 置 ， 标 签 的 结束 位 置 是 一 个 索引 的 表达 式 。 


"Ss-$dc" $ (pos, len(key)) 
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上 述 是 所 查找 到 字符 串 的 结束 索引 位 置 ， 相 当 于 是 pos 位 置 加 上 key 关键 词 的 长 
度 。 程 序 第 16 行 则 是 更 新 查找 起 始 位 置 ， 为 下 一 次 查找 做 准备 。 


17-12| 拼写 检查 


在 编写 文字 程序 时 ， 如 果 想 要 让 程序 更 完整 可 以 设计 拼写 检查 功能 ， 其 实在 本 节 
并 没有 介绍 Text 控件 的 新 功能 ， 这 算是 一 个 应 用 的 专题 程序 。 


程序 实例 ch17_22.py: 设计 一 个 小 字典 myDict.txt， 然 后 将 Text 控件 的 每 个 单词 与 字 
典 的 单词 做 比较 ， 如 果 有 不 符 的 单词 则 用 红色 显示 此 单词 。 这 个 程序 另外 两 个 功能 按 
钮 ,“ 拼 写 检查 ”按钮 可 以 执行 拼写 检查 ,“ 清 除 ”按钮 可 以 将 红色 显示 的 字 改 为 正常 


显示 。 


1 # chl7 22.py 

2 from tkinter import * 

3 

4 def spellingCheck(): 

5 text.tag remove("spellErr","1.0",END) # 删除 标签 但 是 不 删除 标签 定义 
6 textwords = text.get("1.0",END).split() # Text 的 文字 

7 print( "字典 内 容 \n",textwords) # 打印 字典 内 容 

8 

9 startChar = ("(") # 可 能 的 启 始 字符 

10 endChar = (".", ",", ":", ";", "P", "I", ")") # TREER 

11 

12 start - "1.0" 8j 

3 for word in textwords: 

14 if word[0] in startChar: # 是 否 合 非 字母 的 启 始 字符 
15 word = word[1:] # 删除 非 字母 的 启 始 字符 
16 if word[-1] in endChar: # 是 否 含 非 字 母 的 终止 符 
17 word - word[:-1] # 删除 非 字母 的 终止 符 
18 if (word not in dicts and word.lower() not in dicts): 

19 print("error", word) 

20 pos - text.search(word, start, END) 

21 text.tag add("spellErr", pos, "Xs«Xdc" X (pos,len(word))) 

22 pos = "Xs«Xdc" % (pos,len(word)) 

23 

24 def clrText(): 

25 text.tag remove("spellErr","1.0",END) 

26 


27 root = Tk() 
28  root.title("ch17 22") 
29  root.geometry("300x180") 


31 s 建立 工具 栏 
32 toolbar = Frame(root,relief=RAISED,borderwidth=1) 
33  toolbar.pack(side-TOP,fill-X,padx-2,pady-1) 


35 chkBtn = Button(toolbar,text=" 拼 写 检 查 ",command=spellingCheck) 
36 chkBtn.pack(side=LEFT,padx=5,pady=5) 
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38  clrBtn = Button(toolbar,text-";E[$",command-clrText) 
39  clrBtn.pack(side-LEFT, padx-5,pady-5) 


41 s 建立 Text 

42 text = Text(root,undo-True) 

43  text.pack(fill-BOTH,expand-True) 

44  text.insert(END,"Five Hundred Miles\n") 

45  text.insert(END,"If you miss the rain I am on, An") 
46  text.insert(END,"You will knw that I am gone. Wn") 
47  text.insert(END,"You can hear the whistle blwin") 
48  text.insert(END,"A hunded miles,Vn") 


50  text.tag configure("spellErr", foreground-"red") 8 xim 
51 with open("myDict.txt", "r") as dictObj: 
52 dicts = dictObj.read().split("An") # 


54  root.mainloop() 


2 -oN foc - n EE ( wz -OEN 
; | SED | neal we | 
ed Miles Five Hundred s Five Hundred Miles 
ss the rain I am on, If you miss the rain I am on, — f you miss the rain I am on, 
You will knw that I am gone. (You will kaw that I am gone. (Mou will knw that I am gone. 
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这 个 程序 在 执行 时 会 先 列 出 字典 内 容 ， 如 果 找 到 不 符 单 词 会 在 Python Shell 窗口 
列 出 此 单词 ， 下 面 是 执行 结果 。 
RESTART: D:\PythonGUI\ch17\ch17_22.py 


ERAS 

['Five', 'Hundred', 'Miles', 'If', 'you', 'miss', 'the', 'rain', 'I', 'am', 'on 
2 s UR Vo will', 'EKnw', ^that' , '"L'; 'am', '"gone6.",. "lou , 'can', hoarse "the 
', 'whistle', 'blw', 'A', 'hunded', 'miles,'] 

error knw 

error blw 


error hunded 
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当 使 用 编辑 程序 完成 文件 的 编排 后 ， 下 一 步 是 将 所 编排 的 文件 存储 ， 这 也 将 是 本 
节 的 重点 。 


程序 实例 ch17. 23.py: 一 个 简单 文档 存储 的 程序 ， 这 个 程序 在 File 菜单 中 只 包含 两 
个 功能 : Save 和 Exit. Save 可 以 将 所 编辑 的 文档 存储 在 ch17_ 23.txt，Exit 则 是 结束 此 
程序 。 程 序 执行 时 窗口 标题 是 Untitled， 当 文档 存储 后 窗口 标题 将 改 为 所 存储 的 文档 名 
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ch17 23.txt。 
1 # ch17 23.py 
2 from tkinter import * 
3 
4 def saveFile(): 
5 textContent - text.get("1.0",END) 
6 filename = "ch17 23.txt" 
Y, with open(filename,"w") as output: 
8 output.write(textContent) 
9 root.title(filename) 
10 
11 root - Tk() 
12 root.title("Untitled") 
13  root.geometry("300x180") 
14 
15 menubar = Menu(root) 
16 # 建立 菜单 类 别 对 象 ， 并 将 此 
17 filemenu = Menu(menubar,tearoff-False) 
18 menubar.add cascade(label="File",menu=filemenu) 
19 # 在 File 菜 单 内 建立 菜单 列表 
20  filemenu.add command(label-"Save",command-saveFile) 
21  filemenu.add command(label-"Exit",command-root.destroy) 
22  root.config(menu-menubar) # 显示 菜单 对 象 
23 
24 $8 建立 Text 
25 text = Text(root,undo=True) 
26  text.pack(fill-BOTH,expand-True) 
27 text.insert(END,"Five Hundred Miles\n") 
28  text.insert(END,"If you miss the rain I am on,\n") 
29  text.insert(END,"You will knw that I am gone. An") 
30  text.insert(END,"You can hear the whistle blw\n") 
31  text.insert(END,"A hunded miles,Wn") 
32 
33  root.mainloop() 


- -EE 


f — Untitled 7 CEDE cm 


File 


red Miles 

ss the rain I am on, 
knw that I am gone. 
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A hunded miles, 


— 


下 面 是 ch17 23.txt 的 内 容 。 


ive Hundred Miles 


If you miss the rain I am on, 


ou will knw that I am gone. 
ou can hear the whistle blw 
hunded niles, 


Five Hundred Miles 

If you miss the rain | am on, 

You will knw that | am gone. 

You can hear the whistle blw 
A hunded miles, 


< 
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上 述 程序 虽然 可 以 执行 存储 文档 的 工作 ， 但 不 是 GUI 的 设计 方式 ， 在 GUI 的 设计 
中 应 该 是 启动 “另存 为 ”对 话 框 ， 然 后 可 以 选择 将 文档 存储 的 文件 夹 再 输入 文件 名 。 
在 tkinterfiledialog 模块 中 有 asksaveasfilename( ) 方法 ， 我 们 可 以 使 用 此 方法 ， 让 窗口 
出 现 对 话 框 ， 再 执行 存储 工作 。 


filename = asksaveasfilename( ) 


上 述 程序 可 以 传 回 所 存 文档 的 路 径 ( 含 文件 夹 )。 


程序 实例 ch17_24.py: 建立 一 个 File 菜单 ， 在 这 个 菜单 内 有 Save As 命令 ， 执 行 此 命令 
可 以 出 现 “ 另 存 为 ”对 话 框 ， 然 后 可 以 选择 文件 夹 以 及 输入 文件 名 ， 最 后 存储 文档 。 


1 # chl17 24.py 

2 from tkinter import * 

3 from tkinter.filedialog import asksaveasfilename 

4 

5 def saveAsFile(): # 另存 新 文 # 

6 global filename 

7 textContent = text.get("1.0",END) 

8 # 开启 另 ? 话 框 ， 所 输入 的 文档 路 径 会 传 回 给 filename 
filename = asksaveasfilename() 
if filename == "": # 如 果 没有 输入 文件 名 

return # 不 往 下 执行 


with open(filename,"w") as output: 
output.write(textContent) 
root.title(filename) # 更 改 root 窗 口 标 


é 


filename = "Untitled" 
root = Tk() 
root.title(filename) 
root . geometry ("300x180") 


menubar = Menu(root). # 建立 RLE 
# 东单 类 别 对 象 此 菜单 命名 为 

filemenu = (a teargfferalse) 
menubar.add cascade(label-"File",menu-filemenu) 

# 在 File 菜 单 内 建立 菜单 列表 

filemenu.add command(label-"Save As",command-saveAsFile) 
filemenu.add separator() 

filemenu.add command(label-" Exit",command-root. psu) 
root.config(menu-menubar) # 显示 


# 建立 Text 

text = Text(root,undo-True) 
text.pack(fill-BOTH,expand-True) 
text.insert(END,"Five Hundred MilesWn") 
text.insert(END,"If you miss the rain I am on, An") 
text.insert(END,"You will knw that I am gone.n") 
text.insert(END,"You can hear the whistle blw\n") 
text.insert(END,"A hunded miles,n") 


root.mainloop() 


第 17 章 文字 区 域 Text 


f United - CNEM 7 另存 新 档 E 
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作者 使 用 的 文件 名 是 out17_24.txt， 当 单 击 “保存 ”按钮 后 ， 可 以 保存 此 文档 ， 然 
后 可 以 在 窗口 看 到 下 列 结果 。 


DyPythonGUVch17/out7_24tbt D- C MERI 
File 


Five Hundred Miles 

If you miss the rain I am on, 
You will knw that I am gone. 
You can hear the whistle blw 
A hunded miles, 


其 实在 正规 的 文字 编辑 程序 中 ， 需 要 考虑 的 事项 有 许多 ， 例 如, 可 以 有 Save f 
令 ， 可 以 直接 使 用 目前 文件 名 存储 文档 ， 如 果 尚 未 存盘 才 出 现 “另存 为 ”对 话 框 。 另 
外 ， 也 须 考 虑 快捷 键 的 使 用 ， 不 过 经 过 第 16 章 和 第 17 章 的 说 明 ， 相 信 读 者 已 经 有 能 
力 设计 这 方面 的 程序 。 


上 述 使 用 最 简单 的 asksaveasfilename( ) 方法 ， 其 实在 这 个 方法 内 有 许多 参数 
可 以 使 用 ， 例 如 在 先前 的 执行 结果 中 ， 必 须 在 另存 新 文件 对 话 框 的 文件 名 字段 输入 
含 扩 展 名 的 文件 名 ， 如 果 我 们 感觉 所 输入 的 文件 名 是 txt 文档 ， 可 以 参考 下 列 实例 设 
置 参 数 。 


程序 实例 ch17_25.py: 重新 设计 ch17 24.py， 假 设 所 建 的 文档 是 txt 文档 。 


8 # 开启 “另存 为 ”对 话 框 ， 默 认 所存 的 文档 扩展 名 是 


9 filename - asksaveasfilename(defaultextension-".txt") 
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执行 结果 
文档 类 型 (下 ~] 
O 隐藏 数据 来 保存 G) | | m9 | 


可 以 省 略 扩展 名 最 后 所 存盘 文档 是 out17_25.txt 


LED us o 


在 设计 编辑 程序 时 ， 有 时 候 想 要 新 建文 档 ， 这 时 编辑 程序 会 将 编辑 区 清空 ， 以 供 
编辑 新 的 文档 。 它 的 设计 方式 如 下 。 


(1) 删除 Text 控件 内 容 ， 可 参考 下 列 程序 第 6 行 。 
(2) 将 窗口 标题 改 为 “Untitled”， 可 参考 下 列 程序 第 7 行 。 


x 


程序 实例 ch17. 26.py: 扩充 设计 程序 实例 ch17 25.py. TE File 菜单 中 增加 New File 
命令 。 读 者 需 注 意 第 5 一 7 行 的 新 建文 档 的 方法 newFile。 另 外 ， 在 第 30 行 在 File X 
单 中 建立 New File 命令 。 


# ch17 26.py 
from tkinter import * 
from tkinter.filedialog import asksaveasfilename 


def newFile(): 
text.delete("1.0",END) 
root.title("Untitled") 


def saveAsFile(): t 另存 文 # 
global filename 
textContent = text. getC 1.0",END) 


# 开启 “另存 为 ”对 话 框 ， 量 存 的 文档 扩展 名 是 t 
filename = asksaveastilenake (defaul Certe lone XE") 
if filename -- "": # 如 果 没 有 输入 文件 名 
return # 不 往 下 执行 


with open(filename,"w") as output: 
output.write(textContent) 
root.title(filename) # meurootg] 


filename - "Untitled" 
root - Tk() 
root.title(filename) 
root.geometry("300x180") 


m ge. 


fileen = adeb e Mie ASH 


98817 €& 文字 区 域 Text 


28 menubar.add cascade(label="File",menu=filemenu) 

29 # 在 File 菜 单 内 建立 菜单 列表 

30  filemenu.add command(label-"New File",command-newFile) 
31  filemenu.add command(label-"Save As",command-saveAsFile) 
32  filemenu.add separator() 
33  filemenu.add command(label-"Exit" Josani ei at 
34 root.config(menu=menubar) 


36 # 建立 Text 

37 text - Text(root,undo-True) 

38  text.pack(fill-BOTH,expand-True) 

39  text.insert(END, "Five Hundred Miles\n") 

40 text.insert(END,"If you miss the rain I am on, Mn") 
41 text.insert(END,"You will knw that I am gone.\n") 
42  text.insert(END,"You can hear the whistle blwin") 
43  text.insert(END,"A hunded miles,Wn") 


45  root.mainloop() 


f D:/PythonGUI/ch17/0ut17_26.xt — C r Untitled - 
File 
Miles 
SÄ the rain I am on, 一 一 一 一 


A tn i m pu: | 

it the whistle blw 

Exit hos; | 
| 


M7-15 打开 文档 


在 tkinterfiledialog 模块 中 有 askopenfilename( ) 方法 ， 可 以 使 用 此 方法 ， 让 窗口 出 
现 对 话 框 ， 再 执行 选择 所 要 打开 的 文档 。 


filename = askopenfilename( ) 


上 述 程序 可 以 传 回 所 存盘 文档 的 路 径 ( 含 文件 夹 )， 然 后 可 以 使 用 open( ) 方法 打 
开 文 档 ， 最 后 将 所 打开 的 文档 插入 Text 控件 。 步 骤 如 下 。 


(1) 在 打开 对 话 框 中 选择 欲 打开 的 文档 ， 可 参考 下 列 程序 第 12 行 。 
(2) 使 用 open File( ) 方法 打开 文档 ， 可 参考 下 列 程序 第 15 行 。 

(3) 使 用 read( ) 方法 读 取 文档 内 容 ， 可 参考 下 列 程序 第 16 行 。 

(4) 删除 Text 控件 内 容 ， 可 参考 下 列 程序 第 17 行 。 

(5) 将 所 读 取 的 文档 内 容 插入 Text 控件 ， 可 参考 下 列 程序 第 18 fT. 
(6) 更 改 窗口 标题 名 称 ， 可 参考 下 列 程序 第 19 行 。 


n 
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程序 实例 ch17_27.py: 扩充 程序 实例 ch17 26.py， 增 加 打开 文档 Open 的 应 用 ， 这 
个 程序 在 执行 时 ， 可 以 使 用 File 一 Open 命令 打开 文档 ， 然 后 将 所 打开 的 文档 存储 在 
Text 控件 ， 同 时 将 窗口 标题 改 为 所 开启 的 文档 路 径 。 


1 # ch17 27.py 
2 from tkinter import * 
3 from tkinter.filedialog import asksaveasfilename 
4 from tkinter.filedialog import askopenfilename 
5 
6 def newFile(): 8 打开 文 # 
7 text.delete("1.0",END) L2 t 控 件 内 容 
8 root.title("Untitled") # 8 aeg Untitled 
def openFile(): # 打开 文档 

global filename 

filename - askopenfilename() # 读 取 打开 

if filename -- "": # 如 果 没 

return # 返回 


with open(filename,"r") as fileObj: # 打开 文档 
content = fileObj.read() # 读 取 文档 内 容 


text.delete("1.0",END) # 删除 Text 控 件 内 容 
text.insert(END, content) # 插入 所 读 i 
root.title(filename) # EAA 

def saveAsFile(): # 另存 


global filename 
textContent = text.get("1.0",END) 


# 开启 “另存 为 ”对 话 框 ， 默 认 所 存 的 文档 扩展 名 是 tx 
filename = asksaveasfilename(defaultextension=" .txt") 
if filename -- "": # 如 果 没 有 输入 文件 名 
return # 不 往 下 执行 


with open(filename,"w") as output: 
output.write(textContent) 
root.title(filename) # gmoroot£rtE 


filename - "Untitled" 
root - Tk() 
root.title(filename) 
root.geometry("300x180") 


menubar - Menu(root) 

# 建 立 菜 单 类 别 对 象 ， 并 将 此 菜 为 
filemenu = Menu(menubar,tearoff-False) 

menubar.add cascade(label-"File",menu-filemenu) 

# 在 File 菜 单 内 建立 菜单 列表 

filemenu.add command(label-"New File",command-newFile) 
filemenu.add command(label-"Open File ...",command-openFile) 
filemenu.add command(label-"Save As ...",command-saveAsFile) 
filemenu.add separator() 

filemenu.add command(label-"Exit",comma| 
root.config(menu-menubar) 


# 建立 Text 
text = Text(root,undo-True) 
text.pack(fill-BOTH,expand-True) 


root.mainloop() 


第 17 章 文字 区 域 Text 
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上 述 是 选择 开启 ch17 26.py 所 存储 的 文档 ， 当 单 击 “ 打 开 ” 按 钮 后 ， 适 度 放大 窗 
口 可 以 得 到 下 列 结果 。 


| f D/PythonGUI/chi7/out17 26txt — C 
Uc eroe Rem 

| Five Hundred Miles 

||If you miss the rain I am on, 

| You will knw that I am gone. 

| [You can hear the whistle blw 

| A hunded miles, 


17-16| 默认 含 滚 动 条 的 ScrolledText 控件 


在 17-3 节 介 绍 了 将 滚动 条 绑 定 在 Text 控件 中 ， 其 实 前 面 设 计 了 简单 的 文本 编辑 
程序 没有 滚动 条 的 功能 ， 正 式 的 文本 编辑 程序 应 该 要 设计 滚动 条 ， 我 们 可 以 采用 17-3 
节 的 方法 加 上 滚动 条 。 另 外 ， 也 可 以 使 用 tkinter 含有 滚动 条 的 控件 设计 这 类 程序 。 
在 tkinter.scrolledtext 模块 内 有 ScrolledText 控件 ， 这 是 一 个 默认 含有 滚动 条 的 Text 控 
件 ， 使 用 时 可 以 先导 入 此 模块 ， 执 行 时 就 可 以 看 到 滚动 条 。 


程序 实例 ch17_28.py: 使 用 ScrolledText 控件 取代 Text 控件 重新 设计 ch17 27.py， 下 
面 是 导入 此 模块 时 新 增 第 5 行内 容 。 


5 from tkinter.scrolledtext import ScrolledText 


下 面 是 建立 ScrolledText 取代 Text 控件 的 内 容 。 


49 & 建立 Text 
50 text = ScrolledText(root,undo-True) 
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HET 下 面 右 图 是 开启 ch17 23.txt， 然 后 缩小 窗口 高 度 的 结果 


f Uniled -2 f. D:/PythonGUI/ch17/ch17_23.txt — © 


File File 


] Five Hundred Miles 
If you miss the rain I am on, 
You will knw that I am gone. 


17-17 插入 图 像 


Text 控件 是 允许 插入 图 像 文 件 的 ， 所 插入 的 图 像 文 件 会 被 视 为 一 个 字符 方式 进行 
处 理 ， 所 呈现 的 大 小 会 是 实际 图 像 的 大 小 。 下 面 将 以 程序 实例 进行 讲解 。 


程序 实例 ch17_29.py: 插入 图 像 文 件 的 应 用 ， 所 插入 的 图 像 是 hung.jpg。 


1 # chl7 29.py 

2 from tkinter import * 

3 from PIL import Image, ImageTk 
4 

5 


root - Tk() 
6 root.title("ch17 29") 


oN 


img = Image.open("hung.jpg") 
9  myPhoto = ImageTk.PhotoImage(img) 


11 text = Text() 

12 text.image_create(END,image=myPhoto) 

13 text.insert(END, "An") 

14 ”text.insert(END," 洪 锦 制 年 轻 时 留学 美国 拍摄 于 Chicago") 


15  text.pack(fill-BOTH,expand-True) 
17  root.mainloop() 


chi7 29 - 
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Treeview 
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Treeview 的 基本 概念 

格式 化 Treeview 栏 位 内 容 
建立 不 同 颜色 的 行内 容 

建立 层级 式 的 Treeview 

插入 图 像 

Selection 选项 发 生 与 事件 触发 
删除 项 目 

插入 项 目 

双击 某 个 项 目 


18-10 Treeview 绑 定 滚动 条 


18-1 


1 排序 
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Treeview 是 tkinter.ttk 的 控件 ， 这 个 控件 主要 是 提供 多 栏 的 显示 功能 ， 我 们 可 以 称 
其 为 树 状 表格 数据 (Treeview)。 在 设计 时 也 可 以 在 左边 栏 设 计 成 树 状 结构 或 是 称 层 次 结 
构 ， 用 户 可 以 显示 或 隐藏 任何 部 分 ， 这 个 最 左边 的 栏 称 为 图 标 栏 。 


IEEE Treeview 的 基本 概念 


设计 Treeview 控件 的 基本 思想 是 ， 使 用 Treeview 构造 方法 建立 Treeview 对 象 。 
它 的 语法 如 下 。 
Treeview( 父 对 象 ，options，… ) 
Treeview( ) 方法 的 第 一 个 参数 是 父 对 象 ， 表 示 这 个 Treeview 将 建立 在 哪 一 个 父 对 
象 内 。 下 列 是 Treeview( ) 方法 内 其 他 常用 的 options 参数 。 
(1)columns: 栏 位 的 字符 串 ， 其 中 ， 第 一 个 栏 位 是 图 标 栏 是 默认 的 ， 不 在 此 设置 范 
围 ， 如 果 设 置 columns=("Name","Age")， 则 控件 有 三 栏 ， 首 先是 最 左 栏 的 图 标 栏 ， 可 
以 进行 展开 (expand) 或 是 隐藏 (collapse) 操作 ， 另 外 两 栏 是 Name 和 Age. 
(2)cursor: 可 以 设置 光标 在 此 控件 上 的 外 观 。 
(3)displaycolumns: 可 以 设置 栏 位 显示 顺序 。 
中 如 果 参 数 是 “#all” 表 示 显 示 所 有 栏 ， 同 时 依 建立 顺序 显示 。 
Q) 如 果 设 置 columns=("Name","Age","Date")， 使 用 insert( ) 插入 元 素 时 需要 
依次 插入 元 素 。 同 样 状况 如 果 使 用 columns(2,0)，(2,0) 是 指 实体 索引 ， 则 图 
标 栏 在 最 前 面 ， 紧 跟着 是 Date 栏 ， 然 后 是 Name 栏 。 这 种 状况 也 可 以 写成 


columns-("Date","Name") 
(A)height: 控件 每 行 的 高 度 。 
(5)padding: 可 以 使 用 1 一 4 个 参数 设置 内 容 与 控件 框 的 间距 ， 它 的 规则 如 下 。 


第 18 章 Treeview 


(6)selectmode: 用 户 可 以 使 用 鼠标 选择 项 目的 方式 。 

(D selectmode=BROWSE， 一 次 选择 一 项 ， 这 是 默认 。 

Q) selectmode=EXTENDED， 一 次 可 以 选择 多 项 。 

(Q selectmode=NONE， 无 法 用 鼠标 执行 选择 。 

(7)show: 默认 是 设置 显示 图 标 栏 的 标签 show="tree"， 如 果 省 略 则 是 显示 图 标 栏 ， 


如 果 设 为 show="headings"， 则 不 显示 图 标 栏 。 


(8)takefocus: 默认 是 True， 如 果 不 想 被 访问 可 以 设 为 False。 
下 面 以 实例 说 明 更 多 规则 。 


程序 实例 ch18_1.py: 简单 建立 Treeview 控件 的 应 用 。 


1 # ch18 1.py 
2 from tkinter import * 
3 from tkinter.ttk import * 
4 
5 root = Tk() 
6 root.title("ch18 1") 
7 
8 4 建立 Treeview 
9 tree = Treeview(root,columns-("cities")) 
10 # 建立 栏 标题 
11 tree.heading(" i0" ,text-"State") # 图 标 栏 
12 tree.heading("#1",text="City") 
13 ë # 建立 内 容 
14 tree,.insert("",index=END,text=" 伊 利 诺 ",values=" 芝 加 哥 ") 
15 tree.insert("",index-END, text-"j[]/" , values- E328") 
16 tree.insert("",index-END,text-"j[ 75" ,values-"ggz") 
17  tree.pack() 
18 
19  root.mainloop() 
建议 读者 单 击 选择 ， 以 体会 Treeview 的 基本 操作 ， 下 方 右 图 是 单 击 选 择 
的 示范 输出 。 
Y hs1 -EE ' «s: -CcCNEMI 
State City State City 
PARE ZEN 
mH 
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上 述 程序 第 9 行 建立 Treeview 控件 ， 此 控件 名 称 是 tree， 此 控件 有 一 个 栏 位 ， 域 
名 是 cities， 未 来 程序 设计 可 以 使 用 此 cities 代表 这 一 个 栏 位 。 经 这 样 设置 后 ， 我 们 可 
以 知道 此 多 栏 窗 体 有 两 个 栏 位 ， 除 了 cities 外 ， 另 外 左边 有 图 标 栏 位 。 

程序 第 11、12 行使 用 heading( ) 方法 ， 在 这 个 方法 内 建立 了 栏 标题 ， 其 中 ， 第 一 
个 参数 “#0” 是 指 最 左 栏 图 标 栏 位 ,，“#1” 是 指 第 一 个 栏 位 ， 所 以 这 两 行 分 别 建立 了 两 
个 栏 标题 。 

程序 第 14 ~ 16 行使 用 insert( ) 方法 插入 Treeview 控件 内 容 ， 在 这 个 方法 中 
的 第 一 个 参数 “”， 代表 父 id， 因 为 图 标 栏 未 来 可 以 有 树 状 结构 ， 所 以 有 这 一 个 栏 
位 设计 ， 后 面 会 有 实例 说 明 。 当 所 建 的 栏 是 最 顶层 时 ， 可 以 用 “” 空 字符 串 处 理 。 
第 二 个 参数 index=END 代表 将 资料 插入 Treeview 末端 ， 它 的 思想 与 Text 控件 的 
END 相同 。 第 三 个 参数 text 是 设置 图 标 栏 的 内 容 。 第 4 个 参数 的 values 是 设置 
City 栏 的 内 容 。 


程序 实例 ch18_1_1.py: 重新 设计 ch18_1.py， 在 建立 Treeview 控件 时 ， 增 加 show=" 
headings" 参数 ， 将 不 显示 图 标 栏 。 


9 tree = Treeview(root,columns-("cities"),show-" headings") 


执行 结果 
(rov. - c EBMI 


City 


芝加哥 
洛杉矶 
南京 


程序 实例 ch18_2.py: 程序 实例 ch18_1.py 第 9 行 columns=("cities")， 指 出 栏 标题 名 
称 是 cities， 我 们 可 以 使 用 此 字符 串 代 表 栏 位 。 在 第 12 41480. “#1” RE cities 栏 ， 其 
实 可 以 使 用 此 “cities” 取 代 “#1”。 


tree.heading("cities",text="City") 


L^ 5j chl8 l.py 相同 。 
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在 程序 实例 ch18 l.py 的 第 14 4T insert( ) 方法 中 第 4 个 参数 values 是 设置 所 插入 


的 内 容 ， 上 述 由 于 除了 图 标 栏 外 只 有 一 个 栏 位 ， 所 以 只 是 设置 values 等 于 字符 串 内 


容 ， 


如 果 有 多 栏 时 ， 须 使 用 values=(valuel, value2, … )， 如 果 所 设置 的 内 容 数 太 少时 


其 他 栏 将 是 空白 ， 如 果 所 设置 的 内 容 数 太 多 时 多 出 来 的 内 容 将 被 抛弃 。 
程序 实例 ch18_3.py: 扩充 设计 ch18_1.py， 增 加 population 人 口 数 栏 位 ， 其 中 ， 人 口 


数 的 单位 是 万 人 。 
1 # ch18 3.py 
2 from tkinter import * 
3 from tkinter.ttk import * 
4 
5 root = Tk() 
6 root.title("ch18 3") 
FA 
8 4 建立 Treeview 
9 
10 题 
11 tree.heading(" 50" ,text="State") # 图 标 栏 
12 tree.heading("#1",text="City") 
13 tree.heading("#2",text="Populations") 
14 # 建立 内 容 
15 tree.insert("",index=END,text=" 伊 利 诺 ",values=(" 芝 加 哥 ", "888")) 
16 tree.insert("",index-END, text- "5[//|" , values- ("8429 " ,"1000")) 
17 tree.insert("",index-END, text- ;T75" , values-("5:3" , "900")) 
18  tree.pack() 
19 
20  root.mainloop() 


栏 位 ,“ 芝 加 哥 ” 是 第 一 个 栏 位 ,“800” 是 第 二 个 栏 位 。 


' ch18 3 EIE 


State City Populations 
伊利 诺 芝加哥 800 
加 州 洛杉矶 1000 
江苏 南京 900 


由 上 述 执行 结果 下 面 再 次 强调 insert( ) 方法 的 用 法 。 
(1)text: 设置 图 标 栏 的 内 容 。 
(2)values: 设置 一 般 栏 位 的 内 容 ，values=(" 芝 加 哥 ","800")， 这 是 以 顺序 方式 设置 
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其 实 当 我 们 了 解 上 述 values 参数 内 容 后 ， 也 可 以 将 Python 的 列表 应 用 于 建立 栏 位 
内 容 。 


程序 实例 ch18_3_1.py: 重新 设计 ch18 3.py， 使 用 列表 方式 建立 栏 位 内 容 ， 读 者 应 
该 学 习 第 8 — 10 行 设 置 列表 内 容 ， 以 及 第 18 ~ 20 行将 列表 应 用 在 insert( ) 方法 的 
values 参数 。 


# ch18 3 1.py 
from tkinter import * 
from tkinter.ttk import * 


root - Tk() 
root.title("ch18 3 1") 


ce -o0ub5uNmHIHDÀ 


listi = [" 芝 加 哥 " "800"] # 以 列表 方式 设置 栏 内 容 
9 list2 = [ "洛杉矶 "，"1066"] 

10 1list3 = [" 南 京 ","900"] 

11 # 建立 Treeview 

12 tree = Treeview(root,columns-("cities","populations")) 
13 s 建立 栏 标题 

14 tree.heading("#0",text="State") # 图 标 字段 

15 tree.heading("#1",text="City") 

16 tree.heading("42",text-"Populations") 

17 # 建立 内 容 

18 tree.insert("",index-END,text-"(33i|;£" , values-list1) 

19  tree.insert("",index-END, text- "5/4" , values-list2) 

20 tree.insert("",index-END,text-";[ 7", values-list3) 

21  tree.pack() 


23  root.mainloop() 


RULES 与 ch18 3.py 相同 。 


上 述 程序 使 用 列表 建立 insert( ) 方法 的 values 参数 内 容 ， 也 可 以 使 用 元 组 代替 ， 
具有 相同 效果 。 


18-2 | 格式 化 Treeview 栏 位 内 容 


Treeview 控件 的 column( ) 方法 主要 用 于 格式 化 特定 栏 位 的 内 容 ， 它 的 语法 格式 
如 下 。 


column(id, options) 


Hop, id 是 指出 特定 栏 位 ， 可 以 用 字符 串 表 达 ， 或 是 用 “##index” 索 引 方式 。 下 
列 是 options 的 可 能 参数 。 
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(anchor: 可 以 设置 栏 内 容 参考 位 置 。 
(2)minwidth: 最 小 栏 宽 ， 默 认 是 20 像素 。 
(3)stretch: 默认 是 1， 当 控件 大 小 改变 时 栏 宽 将 随 着 改变 。 
(4)width: 默认 栏 宽 是 200 像素 。 
如 果 使 用 此 方法 不 含 参数 ， 如 下 所 示 。 


ret = column (id) 


将 以 字典 方式 传 回 特定 栏 所 有 参数 的 内 容 。 


程序 实例 ch18_4.py: 格式 化 ch18 3.py， 将 第 1、2 栏 宽度 改 为 150， 同 时 居中 对 
齐 ， 图 标 栏 则 不 改变 。 


Nm 和 wmwN 情 


# ch18 4.py 
from tkinter import * 
from tkinter.ttk import * 


root - Tk() 
root.title("ch18 4") 


# 建立 Treeview 

tree = Treeview(root,columns-("cities","populations")) 

# 建立 栏 标题 

tree.heading("#0", text="State”") # 图 标 栏 
tree.heading("#1", text="City") 

tree.heading("#2", text="Populations") 

# 格式 化 栏 位 

tree.column("#1",anchor=CENTER,width=150) 
tree.column("#2",anchor=CENTER,width=150) 

# 建立 内 容 
tree.insert("",index-END,text-"(33i|.£" , values-(" 77187" ,"800")) 
tree.insert("", index-END, text-"j]A|" , values- (":&4281" , "1000")) 
tree.insert("",index-END, text=") 75" , values-(" 85:8" , 900")) 
tree.pack() 


root.mainloop() 


Ui ch18 4 -"UNEM 
State City Populations 
伊利 诺 芝加哥 800 
加 州 洛杉矶 1000 
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程序 实例 ch18_5.py: 扩充 设计 ch18 4.py， 以 字典 方式 列 出 cities 栏 位 的 所 有 内 容 ， 
这 个 程序 只 增加 下 列 两 行 。 
22  cityDict = tree.column("cities") 
23  print(cityDict) 
EXCESS 下 面 是 Python Shell 窗口 的 执行 结果 。 


= RESTART: D: /PythonGUI1ch181ch18 $5.9y === 
| 150, 'minwidth': 20, 'stretch': 1, 'anchor': 'center', 'id': 'cities'} 


建立 不 同 颜色 的 行内 容 


建立 Treeview 控件 内 容 时 ， 常 常会 需要 在 不 同行 之 间 用 不 同 底 色 作 区 分 ， 以 方便 
使 用 者 查看 ， 若 是 想 要 设计 这 方面 的 程序 ， 可 以 使 用 Text 控件 的 标签 。Treeview 控件 
有 tag configure( ) 方法 ， 可 以 使 用 这 个 方法 建立 标签 ， 然 后 定义 此 标签 的 格式 ， 可 参 
考 下 列 指 令 。 

tag configure( "tagName" ,options，… ) 

上 述 第 一 个 参数 tagName 是 标签 名 称 ， 可 以 用 此 名 称 将 此 标签 导入 栏 位 数据 。 
options 的 可 能 参数 如 下 。 

(1)background: 标签 背景 颜色 。 

Q)font: 字形 设置 。 

(3)foreground: 标签 前 景 颜色 。 

(4)image: 图 像 与 列表 同时 显示 。 

要 将 标签 导入 栏 位 使 用 的 是 insert( ) 方法 ， 这 时 需 在 此 方法 内 增加 tags 参数 设 
置 ， 如 下 所 示 。 

insert( …。，tags =“tagName”) 

最 后 要 讲解 的 是 ， 在 企业 实际 应 用 中 数据 量 通常 很 庞大 ， 这 时 无 法 使 用 单 笔 数 据 
一 步 一 步 建立 Treeview 控件 内 容 ， 适 度 使 用 Python 的 数据 结构 与 遍历 方法 可 以 让 程 
序 变 得 有 效率 。 在 下 列 程序 实例 中 使 用 字典 存储 数据 ， 然 后 将 此 字典 以 循环 方式 导入 
Treeview 控件 内 。 


程序 实例 ch18_6.py: 基本 上 是 ch18 2.py 的 扩充 ， 在 这 个 实例 中 将 偶数 行使 用 蓝 色 
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底 显示 。 

1 # ch18 6.py 

2 from tkinter import * 

3 from tkinter.ttk import * 

4 

5 root - Tk() 

6 root.title("ch18 6") 

y 

8 stateCity = ("£&JiE" i" DEI" "DD" t "洛杉矶 "， 
9 "德州 ": "休斯敦 "华盛顿 州 ": "西雅图 "， 
10 "江苏 ": "南京 ", “山东 ": "青岛 "， 

11 "广东": "广州 ", "福建 ”: "厦门 "} 


12 # 建立 Treeview 

13 tree = Treeview(root,columns-("cities")) 

14 # 建立 栏 标题 

15 tree.heading("#0",text="State") # 图 标 栏 

16  tree.heading("cities",text-"City") 

17. —: 格式 栏 位 

18  tree.column("cities",anchor-CENTER) 

19 # 建立 内 容 ， 行 号 从 1 算 起 偶数 行 是 用 浅 蓝 色 底 B 
20  tree.tag configure("evenColor", background-"lightblue") # 设置 标签 


21  rowCount = 1 # 行 号 从 1 算 起 
22 for state in stateCity.keys(): 

23 if (rowCount X 2 -- 1): # 如 果 True 则 是 奇数 行 

24 tree.insert("",index-END,text-state,values-stateCity[state]) 
25 else: 

26 tree.insert("",index-END,text-state,values-stateCity[state], 
27 tags-("evenColor")) # 建立 浅 蓝 色 底 

28 rowCount += 1 # 行 号 数 加 1 

29  tree.pack() 

30 


31  root.mainloop() 


State City 
伊利 诺 芝加哥 
德州 休斯敦 
江苏 南京 
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18-4 | 建立 层级 式 的 Treeview 


层级 式 (Hierarchy) 的 相关 知识 在 前 几 节 已 经 介绍 过 ， 现 在 读者 只 要 在 图 标 栏 先 建 
立 top-level 的 项 目 id， 然 后 将 相关 子 项 目 放 在 所 属 的 top-level 项 目 id 即 可 。 


程序 实例 ch18_7.py: 建立 层级 式 的 Treeview 控件 内 容 。 


1 # ch18 7.py 

2 from tkinter import * 

3 from tkinter.ttk import * 

4 

5 root - Tk() 

6 root.title("ch18 7") 

Fi 

8 asia = {" 中 国 ":" 北 京 ", "日 本 ": FA "泰国 ": " 野 谷 ", "韩国 ": "首尔 "} 
9 euro = {" 英 国 ": "伦敦 ", "法 国 ": “巴黎”, “德国”: “柏林” "挪威 ": "奥斯陆 "} 
10 


11 # 建立 Treeview 

12 tree - Treeview(root,columns-("capital")) 
13 # 建立 栏 标题 

14 tree.heading("#0",text=" 国 家 ") # 
15 tree.heading("capital",text=" 首 都 ") 

16 5 建立 id 

17 idAsia = tree.insert("",index-END,text-"Asia") 

18 idEuro = tree.insert("",index-END,text-"Europe") 

19 # 建立 idAsia 底 下 内 容 

20 for country in asia.keys(): 

21 tree.insert(idAsia,index-END,text-country,values-asia[country]) 
22 # 建立 idEuro 底 下 内 容 

23 for country in euro.keys(): 


A 


24 tree.insert(idEuro,index-END, text-country  values-euro[country]) 
25  tree.pack() 
26 


27  root.mainloop() 


, ch18 7 - -EE ; ch18 7 -oEmB ; ch18 7 -cEKN 
国家 首都 国家 首都 国家 首都 
s Asia D o m H 
europe PE Xm 中 国 ES 
日 本 东京 日 本 东京 
sE ae Li ae 
RE 5R BE 首尔 
5 Europe Europe | 
E 伦敦 
法 国 ER 
德国 Lud 
ELI LL 


在 上 述 程序 第 8、9 行 是 建立 亚洲 asia 和 欧洲 euro 国家 与 首都 的 字典 数据 。 第 
17. 18 行 则 是 建立 图 标 栏 top-level 的 i 4， 分 别 是 idAsia 和 idEuro。 建 立 层 级 式 数 据 最 
关键 的 是 使 用 insert( ) 方法 时 ， 必 须 在 第 一 个 参数 放置 top-level 的 id, $8 20、21 行 是 
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建立 亚洲 国家 国名 与 首都 数据 ， 所 以 第 21 行 的 insert( ) 方法 的 第 一 个 参数 是 idAsia， 
这 表示 插入 的 数据 放 在 idAsia 层级 下 ， 程 序 代码 设计 如 下 。 

tree.insert(idAsia, … ) 
$8 23. 24 行 是 建立 欧洲 国家 国名 与 首都 数据 ， 所 以 第 24 行 的 insert( ) 方法 的 第 
一 个 参数 是 idEuro， 这 表示 插入 的 数据 放 在 idEuro 层次 下 ， 程 序 代码 设计 如 下 。 


tree.insert(idEuro, ++ ) 


18-5 ERCE | 


在 insert( ) 方法 内 若是 增加 image 参数 可 以 添加 图 像 ， 在 添加 图 像 时 需要 考虑 的 是 
可 能 row 的 高 度 不 足 ， 所 以 必须 增加 高 度 。 这 时 可 以 用 下 列 Style( ) 方法 处 理 。 


Style( ).configure( "Treeview" ,rowheight-xx) # xx 是 高 度 设置 


程序 实例 ch18_8.py: 设计 一 个 含有 图 像 的 Treeview. 


1 # ch18 8.py 

2 from tkinter import * 

3 from tkinter.ttk import * 

4 from PIL import Image, ImageTk 

5 

6 root = Tk() 

7 root.title("ch18 8") 

8 

9  Style().configure("Treeview",rowheight-35) # 格式 化 扩充 row 高 度 
10 

11 info = [" 凤 凰 新 闻 App 可 以 获得 中 国 各 地 最 新 消息 ”， 

12 "瑞士 国家 铁路 App 提 供 全 瑞士 火车 时 刻 表 ”， 

13 ”可口可乐 App 是 一 个 娱乐 的 软件 "] 

14 

15 tree = Treeview(root,columns=(" 说 明 ")) 

16 tree.heading("#0",text="App") # 图 标 栏 位 icon column 
17 tree.heading("#1",text=" 功 能 说 明 ") 

18 tree.column("#1" ,width=300) # 格式 化 栏 标题 

19 

20  imgl = Image.open("news.jpg") # 插入 凤凰 新 闻 App 图 示 


21  imgObji = ImageTk.PhotoImage(imgl) 
22  tree.insert("",index-END,text-" MEŞE" , 3mage-imgObj1, values-info[0]) 


24  img2 - Image.open("sbb.jpg") # 插入 瑞士 国家 铁路 App 图 示 
25  imgObj2 = ImageTk.PhotoImage(img2) 
26  tree.insert("",index-END,text-"3541-:*38" , 3mage-imgObj2,values-info[1]) 


28  img3 - Image.open("coca.jpg") # 插入 可 口 可 乐 App 图 示 
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29  imgObj3 = ImageTk.PhotoImage(img3) 
30  tree.insert("",index-END,text-"n][ 15] ",image-imgObj3,values-info[2]) 
31  tree.pack() 


33  root.mainloop() 


DEET 上 述 程序 如 果 没有 增加 第 9 行 ， 将 看 到 下 方 左 图 的 结果 


ch18 8 -n ch18 8 -cEBN 
功能 说 明 功能 说 明 
凤 黑 新 闻 App 可 以 获得 中 国 各 地 最 新 消息 z 
瑞士 国家 铁路 App 提 供 全 瑞士 火车 时 刻 委 凤 导 新闻 App 可 以 获得 中 国 各 地 最 新 消息 
TETEE AREN 瑞士 国家 铁路 App 提 供 全 瑞士 火车 时 刻 表 


可 口 可 乐 App 是 一 个 娱乐 的 软件 


|18-6. Selection 选项 发 生 与 事件 触发 


在 18-1 节 曾 有 说 明 在 Treeview 控件 中 可 以 有 三 种 选择 模式 ， 分 别 是 BROWSE( 默 
认 )、EXTENDED、NONE， 这 是 使 用 selectmode 参数 设置 的 ， 当 有 新 选择 项 目 发 生 
时 会 产生 虚拟 事件 <<TreeviewSelect>>， 其 实 我 们 可 以 针对 此 特性 设计 相关 功能 。 


程序 实例 ch18_9.py: 使 用 默认 的 BROWSE 选项 ， 一 次 只 能 选择 一 ， 当选 择 
发 生 时 将 同步 在 窗口 下 方 的 状态 栏 显示 所 选择 的 项 目 

1 # chl8 9.py 

2 from tkinter import * 

3 from tkinter.ttk import * 

4 def treeSelect(event): 

5 widgetObj - event.widget # Hyd 

6 itemselected = widgetObj.selection()[0] # H8: 

7 coll = widgetObj.item(itemselected,"text") # Hy Pais 

8 col2 = widgetObj.item(itemselected,"values")[0] # RESOR EHAS 
9 str = "(0) : (1)".format(col1,col2) # 取得 所 选项 ^s 

10 var.set(str) 设置 状态 栏 内 

ni l 


12 root = Tk() 
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13 root.title("ch18 9") 


14 

15 stateCity = {" 伊 利 诺 ": "芝加哥 "，“ 加 州 ": "洛杉矶 "， 
16 德州 ": HEC "PRIN": PRÉS", 
1 TD" "南京", “山东 ": "青鸟", 

18 广东 ”:" 广 州 ", “福建 ":" 厦 门 "} 


19 # 建立 Treeview 
20 tree = Treeview(root,columns-("cities"),selectmode-BROWSE) 
21 # 建立 栏 标题 


22  tree.heading(" 40" ,text="State") # 图 标 栏 
23 tree.heading("cities",text-"City") 
24 # 格式 栏 位 


25  tree.column("cities",anchor-CENTER) 


26 $8 建立 内 容 ， 行 号 从 1 算 起 偶数 行 是 用 浅 蓝 色 底 
27  tree.tag configure("evenColor", background-"lightblue") # 设置 标签 


28 rowCount = 1 # 行 号 从 1 算 起 

29 for state in stateCity.keys(): 

30 if (rowCount % 2 -- 1): # 如 果 True 则 是 奇数 行 

31 tree.insert("",index-END,text-state,values-stateCity[state]) 
32 else: 

33 tree.insert("",index-END,text-state,values-stateCity[state], 
34 tags-("evenColor")) # 建立 浅 蓝 色 底 

35 rowCount += 1 # 行 号 数 加 1 

36 


37 tree.bind("««TreeviewSelect»»",treeSelect) # Treevi 控 件 Select 事 件 发 生 
38  tree.pack() 


40 var = StringVar() 
41 label = Label(root,textvariable-var,relief-"groove") # 建立 状态 栏 
42  label.pack(fill-BOTH,expand-True) 


44  root.mainloop() 


f ch18 9 -— OB f ch18 9 - -EE 

State City State City | 

Lr 芝加哥 LA 芝加哥 | 

| mu. | | mm A | 
德州 休 斯 教 E 休斯敦 


| 
| 
ETT | 


ERE 23 行 在 建立 Treeview 控件 对 象 时 ， 特 别 设置 selectmode=BROWSE 参数 
只 是 特别 强调 这 个 模式 ， 因 为 这 是 默认 模式 ， 所 以 如 果 省 略 此 设置 也 将 获得 一 样 的 结 
果 。 程 序 第 37 行 是 将 有 选择 项 目 发 生 时 交 由 treeSelect( ) 事件 处 理 程序 处 理 。 


第 5 行 是 取得 窗口 内 发 生 此 事件 的 控件 ， 设 置 给 widgetObj。 第 6 行 是 Treeview 
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控件 对 象 widgetObj 调用 selection( ) 方 法 目的 是 取得 目前 所 选 的 项 目 ， 用 
itemselected 代表 ， 通 常 也 可 称 此 所 选 的 项 目 是 iid， 这 是 tkinter 内 部 使 用 的 ido 


第 7、8 行 则 是 由 控件 对 象 widgetObj 调用 item( ) 方法 ， 注 意 这 里 需要 两 个 参数 目 
的 是 取得 所 选项 目的 图 标 栏 内 容 和 索引 栏 内 容 。 第 9 行 是 格式 化 所 获得 的 内 容 ， 第 10 
行 则 是 将 内 容 设置 到 状态 栏 。 


18-7 DEGI 


在 Treeview 控件 中 可 以 使 用 delete( ) 方法 删除 所 选 的 项 目 ， 下 面 将 以 实例 说 明 。 


程序 实例 ch18_10.py: 删除 所 选 的 项 目 ， 这 个 程序 在 建立 Treeview 控件 时 设置 
selectmode=EXTENDED， 相 当 于 一 次 可 以 选择 多 项 ， 第 二 个 选项 在 单 击 鼠标 时 可 以 同 
时 按 Ctrl 键 ， 可 以 选择 不 连续 的 选项 。 如 果 第 二 个 选项 在 单 击 鼠标 时 同时 按 Shift 键 ， 
可 以 选择 连续 的 选项 。 这 个 程序 下 方 有 Remove 按钮 ， 单 击 此 按钮 可 以 删除 所 选项 目 。 


1 # chl8 10.py 

2 from tkinter import * 

3 from tkinter.ttk import * 
4 def removeItem(): 

5 iids - tree.selection() 
6 

7 

8 


for iid in iids: 
tree.delete(iid) 


能 很 多 所 以 用 循环 


Too odbodt 
ETE: em 


9 root - Tk() 
10 root.title("ch18 10") 


11 

12 stateCity = {" 伊 利 诺 " i ?, 
13 "德州 ":” 

14 "ID UBER : 

15 "广东": "广州 "， us: "BU" 


16 # 建立 Treeview, 可 以 有 多 项 选择 selectmode=EXTENDED 

17 tree = Treeview(root,columns-("cities"),selectmode-EXTENDED) 
18 # UA 

19 tree.heading("#0",text="State") # 图 标 栏 

20 tree.heading("cities",text-"City") 

21 8 格式 栏 位 

22  tree.column("cities",anchor-CENTER) 

233 S 建立 内 容 

24 for state in stateCity.keys(): 


25 tree.insert("",index-END,text-state,values-stateCity[state]) 
26  tree.pack() 
27 


28  rmBtn = Button(root,text-"Remove",command-removeltem) # 删除 按钮 
29  rmBtn.pack(pady-5) 


31  root.mainloop() 
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HITER 下 列 是 作者 尝试 删除 一 条 数据 与 多 条 数据 的 结果 。 


Y ch1810 — OES ' ci810 - OE 
State City State City 
伊利 诺 芝加哥 伊利 湛 芝加哥 
加 州 洛杉矶 加 州 洛杉矶 
德州 休斯敦 ER 休斯敦 
ETISONEEENENENENENENEEEE) NEN 江苏 南京 
江苏 南京 | 山东 z3 
m 55 广东 广州 
广东 广州 福建 厦门 
福建 厦门 
Beneveni 
4 ch18_10 -UONM f ch18_10 -UNM 
State City State City 
德州 休 斯 教 
江苏 南京 
德州 [LL 山东 LI 
江苏 南京 广东 TN 
山东 LI — o 
广东 广州 


| Remover ] 
上 述 程序 当 单 击 Remove 按钮 时 会 执行 第 4 — 7 4710] removeltem( ) 方法 ， 这 时 会 
先 执 行 第 5 行 ， 如 下 所 示 。 
iids = tree.selection( ) 
上 述 方法 会 将 目前 选项 传 给 duds, ids 的 数据 类 型 是 元 组 ， 所 以 第 6、7 行 是 循环 
可 以 遍历 此 元 组 ， 然 后 依次 删除 所 选 的 项 目 。 


18-8 | 8-8 Er: 


在 使 用 Treeview 控件 时 ， 除 了 18-7 节 的 删除 控件 项 目 外 ， 另 一 个 常用 功能 是 插入 
项 目 。 插 入 的 方式 与 建立 控件 的 插入 方法 insert( ) 是 一 样 的 。 至 于 所 插入 的 内 容 则 可 以 
使 用 tkinter 的 Entry 控件 。 下 面 将 用 实例 说 明 。 


程序 实例 ch18_11.py: 扩充 程序 实例 ch18_10.py， 增 加 设计 插入 功能 ， 由 于 这 个 
Treeview 控件 包含 图 标 栏 下 共有 两 个 栏 位 ， 所 以 若是 想 要 插入 必须 建立 两 个 Entry 
控件 。 由 于 我 们 必须 标 出 所 插入 的 控件 ， 所 以 必须 在 Entry 旁 加 上 两 个 标签 。 另 
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外 ， 在 执行 插入 时 必须 使 用 一 个 按钮 表示 出 执行 插入 操作 ， 所 以 必须 另外 创建 一 个 
按钮 。 


# ch18 11.py 
from tkinter import * 
from tkinter.ttk import * 
def removeItem(): 
ids - tree.selection() 
for id in ids: 


可 能 很 多 所 以 用 循环 
而 


tree.delete(id) 
def insertItem(): 
state - stateEntry.get() # 获得 stateEntry 的 输入 
city = cityEntry.get() # 获得 cityEntry 的 输入 


# 如 果 输 入 数据 不 完全 不 往 下 执行 
if (len(state.strip())--0 or len(city.strip())--0): 


return 
tree.insert("",END,text-state,values-(city)) # 插入 
stateEntry.delete(9,END) # 删除 stateEntry 
cityEntry.delete(0,END) # 删除 cityEntry 
root = Tk() 


root.title("ch18 11") 


stateCity - CRIE": “EIE” "AIN": "洛杉矶 ”， 

"s" ERAN" : "西雅图 ”， 
"江苏 ": "南京 ", "山东 ": "青鸟 ”， 
"广东 ": "广州 ", “福建”: "厦门 "} 

# 以 下 三 行 主要 是 应 用 在 缩放 窗口 

root.rowconfigure(1,weight-1) # rowl 会 随 窗口 缩放 1: 1 变化 _ 

root .columnconfigure(1,weight=1) # column1 会 随 窗口 缩放 1: 

root.columnconfigure(3,weight-1) # column32m 88i 1481: 


statelab = Label(root,text-"State :")  # 建立 State : 

stateLab.grid(row-0,column-0,padx-5, pady-3, sticky-W) 

stateEntry - Entry() # 建立 State :文本 框 

stateEntry.grid(row=0,column=1, sticky=W+E,padx=5, pady-3) 

cityLab - Label(root,text-"City : ") # 建立 City : 

cityLab.grid(row-0,column-2,sticky-E) 

cityEntry - Entry() # 建立 City :文本 框 

cityEntry.grid(row=6,column=3,sticky=W+E,padx=5,pady=3) 

# 建立 Insert 按 钮 

inBtn = Button(root,text=" 插 入 ",command=insertItem) 

inBtn.grid(row=0,column=4,padx=5,pady=3) 

# 建立 Treeview, 可 以 有 多 项 选择 selectmode=EXTENDED 

tree = Treeview(root,columns-("cities"),selectmode-EXTENDED) 

# 建立 栏 标题 

tree.heading("40",text-"State") # EMO 

tree.heading("cities",text-"City") 

# 格式 念 位 

tree.column("cities",anchor-CENTER) 

# 建立 内 容 

for state in stateCity.keys(): 
tree.insert("",index-END,text-state,values-stateCity[state]) 

tree.grid(row-1,column-0,columnspan-5,padx-5, sticky=W+E+N+S) 


rmBtn = Button(root,text-"E/D&",command-removeItem) 并 “删除 "按钮 
rmBtn.grid(row=2,column=2,padx=5,pady=3, sticky=W) 


root.mainloop() 
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执行 结果 
Li ch18 11 m= 
State: 日 本 City: | 东 京 | BA 
State City 
伊利 诺 芝加哥 
加 州 洛杉矶 
德州 休斯敦 
华盛顿 州 西雅图 
江苏 南京 
山东 Z3 
广东 广州 
福建 ED 
删除 


若 单 击 “ 插 入 ”按钮 ， 将 得 到 下 列 结果 。 


' ch18 11 -UE 
State : City: se 
State City 
伊利 诺 芝加哥 
加 州 洛杉矶 
德州 休斯敦 
华盛顿 州 西雅图 
江苏 南京 
山东 青岛 
广东 广州 
福建 厦门 
删除 


上 述 程序 第 26 — 28 行 主要 是 处 理 缩放 窗口 时 Treeview 的 变化 ， 第 26 行 的 
rowconfigure( ) 方法 内 的 第 一 个 参数 是 1， 代 表 row=1， 相 当 于 让 row=1 的 Treeview 
控件 随 着 窗口 缩放 ， 缩 放 比 由 第 二 个 参数 weight = 1 得 知 是 1 : 1 缩放 。 第 27 行 的 
columnconfigure( ) 方法 内 的 第 一 个 参数 是 1， 代 表 column=1， 相 当 于 让 column-1 的 
stateEntry 控件 随 着 窗口 缩放 ， 缩 放 比 由 第 二 个 参数 weight = 1 得 知 是 1 : 1 缩放。 第 
28 行 的 columnconfigure( ) 方法 内 的 第 一 个 参数 是 3， 代 表 column=3， 相 当 于 让 
column-3 的 cityEntry 控件 随 着 窗口 缩放 ， 缩 放 比 由 第 二 个 参数 weight = 1 得 知 是 
1 : 1 缩放 。 如 果 没 有 上 述 设 置 ， 当 缩放 窗口 时 ， 所 有 组 件 大 小 将 不 会 更 改 。 

3839. 40 行 是 创建 “插入 ”按钮 ， 当 单 击 此 按钮 时 会 执行 第 8 一 16 行 的 
insertltem( ) 方法 。 在 这 个 方法 中 ， 第 9 行 是 读 取 stateEntry 的 输入 ， 第 10 行 是 读 取 
cityEntry 的 输入 。 第 12、13 行 是 判断 是 否 两 栏 中 此 有 输入 ， 如 果 有 一 个 栏 中 没有 输 
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入 则 返回 


不 往 下 执行 。 第 14 行 是 插入 stateEntry 和 cityEntry 的 输入 。 由 于 插入 已 经 完 


成 ， 所 以 第 15 行 删 除 stateEntry 文本 框 内容 ， 第 16 行 删除 cityEntry 文本 框 内 容 。 


18-9 | 双击 某 个 项 目 


在 使 用 Treeview 控件 时 ， 常 常 需要 执行 双击 操作 ， 最 常见 的 是 打开 文档 。 本 节 将 讲 
解 这 方面 的 知识 。 在 Treeview 控件 中 当 发 生 双 击 时 ， 会 产生 <Double-1> 事件 ， 我 们 可 以 
利用 这 个 功能 建立 一 个 双击 的 事件 处 理 程序 。 


对 于 这 类 问题 ， 另 一 个 重点 是 取得 双击 的 项 目 ， 下 面 将 以 实例 讲解 。 


程序 实例 ch18_12.py: 当 双 击 Treeview 控件 中 的 某 个 项 目 时 ， 会 出 现 对 话 框 ， 列 出 
所 选 的 项 目 。 


# ch18 12.py 

from tkinter import * 

from tkinter import messagebox 

from tkinter.ttk import * 

def doubleClick(event): 
e - event.widget 
iid - e.identify("item",event.x,event.y) 
state - e.item(iid,"text") 
city = e.item(iid,"values")[0] 
str - "(0) : (1)".format(state,city) 
messagebox.showinfo("Double Clicked",str) 


root - Tk() 
root.title("ch18 12") 


stateCity = {" 伊 利 诺 ":" 芝 加 哥 "， 加 州 ":" 洛 杉 矶 "， 
"BON" TURA o "ERN" LER, 
“江苏 ": "南京", 山东 ": “青岛 "， 
“广东 ":" 广 州 ", “福建”: “厦门 "} 


# 建立 Treeview 

tree = Treeview(root,columns-("cities")) 

# 建立 栏 标题 

tree.heading(" £0" ,text-"State") # 图 标 栏 
tree.heading("cities",text-"City") 

# 格式 栏 位 
tree.column("cities",anchor-CENTER) 

t 建立 内 容 

for state in stateCity.keys(): 


# 取得 事件 控件 

# 取得 双击 项 目 id 
# 取得 State 

# 取得 City 

# 格式 化 

# 输出 


tree.insert("",index-END,text-state,values-stateCity[state]) 
tree.bind("«Double-1»",doubleClick) it 双击 绑 定 doubleClick 方 法 


tree.pack() 


root.mainloop() 
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Y mi -OE " ch1812 - M 

State City State City 

伊利 诺 芝加哥 伊利 诺 芝加哥 

加 州 洛杉矶 加 州 洛杉矶 

德州 Lig 德州 fram 

华盛顿 西雅图 

江苏 南京 江苏 南京 

山东 Li 山东 ES 

广东 广州 广东 广州 

福建 厦门 福建 En 


f — Double Clicked 


0 domus: mum 
确定 


上 述 程序 第 31 行 ， 将 双击 操作 与 doubleClick( ) 方法 绑 定 ， 所 以 当 双 击 时 会 执行 
第 5 一 11 行 的 doubleClick( ) 方法。 第 6 行 是 取得 双击 事件 的 控件 ， 第 7 行 identify( ) 
方法 的 用 法 如 下 。 

identify("xxx", event.x, event.y) 

第 一 个 参数 xxx 可 以 是 itetm、column、row， 分 别 是 使 用 双击 时 的 坐标 ， 取 得 双击 
时 的 item、column 或 row 的 信息 ， 此 例 是 使 用 itetm， 所 以 我 们 可 以 由 此 获得 是 哪 一 个 
项 目 被 双击 。 第 8 行 是 获得 双击 的 “text” 信 息 ， 此 信息 是 State 内 容 。 第 9 行 是 获得 
双击 的 “values” 人 信息， 此 信息 是 City 内 容 。 第 9 行 是 获得 格式 化 的 字符 串 ， 第 10 fT 
是 出 现 showinfo 的 消息 对 话 框 。 


18-10 Treeview 绑 定 滚动 条 


在 12-8 节 有 说 明 过 滚动 条 Scrollbar 的 用 法 ， 同 时 也 将 Scrollbar 与 Listbox 进行 
了 结合 。17-3 节 则 是 介绍 了 将 Text 加 上 滚动 条 的 设计 。 我 们 可 以 参考 这 两 节 的 思路 将 
Scrollbar 应 用 在 Treeview 控件 中 。 


程序 实例 ch18_13.py: 将 滚动 条 应 用 在 Treeview 控件 中 。 
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1 # ch18 13.py 

2 from tkinter import * 

3 from tkinter.ttk import * 

4 

5 root = Tk() 

6 root.title("ch18 13") 

7 

8 stateCity = {"Illinois":" 芝 加 哥 ", "California": "洛杉矶 "， 

9 "Texas" : "休斯敦 ", "Washington": "西雅图 "， 

10 "Jiangsu": "南京 ", "Shandong" :"Er&", 

11 "Guangdong" : "广州 ", "Fujian": "厦门"， 

12 "Mississippi":"Oxford","Kentucky":"Lexington", 
13 "Florida":"Miama","Indiana":"West Lafeyette") 
14 

15 tree - Treeview(root,columns-("cities")) 

16  yscrollbar = Scrollbar(root) # y 轴 scrollbar 对 象 
17 yscrollbar.pack(side=RIGHT,fill=Y) # y 轴 scrollbar 包 装 显示 


18 tree.pack() 

19 yscrollbar.config(command=tree.yview) # yi&scrollbarig X 
20 tree.configure(yscrollcommand=yscrollbar.set) 

21 # 建立 栏 标题 

22  tree.heading("st0" , text-"State") # 图 标 栏 

23  tree.heading("cities",text-"City") 

24 # 格式 栏 位 

25  tree.column("cities",anchor-CENTER) 

26 8 建立 内 容 

27 for state in stateCity.keys(): 

28 tree.insert("",index-END,text-state,values-stateCity[state]) 


30  root.mainloop() 


( «851  -coNM ' «51  - 0 EE 
x 


State City A State City | 
Illinois 芝加哥 Texas mam | 
California 洛杉矶 Washington ara 
Texas wE Jiangsu 南京 | 
Washington 西雅图 —» | Shandong ES 
Jiangsu 南京 Guangdong 广州 | 
Shandong Em Fujian m 
Guangdong 广州 Mississippi Oxford 
Fujian 厦门 Kentucky Lexington 
Mississippi Oxford Florida Miama 
Kentucky Lexington Indiana West 


排序 


在 创建 Treeview 控件 后 ， 有 一 个 很 常见 的 功能 是 将 栏目 信息 做 排序 ， 通 常 是 可 以 
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单 击 栏 位 标题 就 可 以 执行 排序 ， 本 节 将 以 实例 讲解 这 方面 的 应 用 。 


程序 实例 ch18_14.py: 排序 Treeview 控件 State 栏 的 数据 ， 在 这 个 程序 中 为 了 简化 程 
序 ， 省 略 了 图 标 栏 。 所 以 Treeview 控件 只 有 一 个 State 栏 ， 当 单 击 栏 标 题 时 可 以 正常 
排序 ( 由 小 到 大 )， 如 果 再 单 击 可 以 反 向 排序 ， 排 序 方式 将 如 此 切换 。 


1 # ch18 14.py 

2 from tkinter import * 

3 from tkinter.ttk import * 

4 def treeview sortColumn(col): 

5 global reverseFlag # 定义 排序 标识 全 局 变量 
6 lst = [(tree.set(st, col), st) 

à for st in tree.get_children("")] 

8 print(lst) # 打印 列表 

9 lst.sort(reverse-reverseFlag) it 排序 列表 

10 print(lst) # 打印 列表 

11 for index, item in enumerate(lst): # 重新 移动 项 目 内容 
12 tree.move(item[1],"",index) 

13 reverseFlag - not reverseFlag # 更 改 排序 标识 

14 


15 root - Tk() 
16 root.title("ch18 14") 


17 reverseFlag = False # 排序 标识 注 明 是 否 反 向 排序 
18 

19 myStates = ("Illinois","California","Texas","Washington", 

20 "Jiangsu","Shandong" , "Guangdong" , "Fujian", 

21 "Mississippi","Kentucky","Florida","Indiana") 

22 

23 tree = Treeview(root,columns-("states"),show-" headings") 

24  yscrollbar = Scrollbar(root) # y 轴 scrollbar 对 象 

25  yscrollbar.pack(side-RIGHT,fill-Y) it y 轴 scrollbar 包 装 显示 


26 tree.pack() 

27  yscrollbar.config(command-tree.yview) # y 轴 scrollbar 设 置 
28 tree.configure(yscrollcommand=yscrollbar.set) 

29 # 建立 栏 标 题 

30  tree.heading("states",text-"State") 

31 £8 建立 内 容 

32 for state in myStates: # 第 一 次 的 Treeview 内 容 
33 tree.insert("",index=END,values=(state, )) 

34 # 单 击 标题 栏 将 启动 treeview_sortColumn 

35 tree.heading("#1",text="State", 

36 command-lambda c-"states": treeview sortColumn(c)) 


38  root.mainloop() 
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这 个 程序 为 了 简单 ， 省 略 显 示 图 标 栏 ， 在 第 23 行 创建 Treeview 控件 时 增加 了 
show-"headings" 参数 。 


23 tree = Treeview(root,columns-("states"),show-" headings") 


第 32、33 行 是 建立 栏 位 的 数据 ， 相 当 于 将 myStates 列表 数据 放 入 Treeview 控 
件 。 接 下 来 第 34、35 行 是 重点 ， 这 其 实 是 heading( ) 方法 ， 所 以 是 一 条 命令 ， 只 是 
因为 太 长 分 为 两 行 撰写 。 当 用 鼠标 单 击 标题 栏 时 会 执行 command 所 指定 的 方法 ， 这 
是 Lambda KEI, Ff “states” KEARE c, AJEN e 当 作 参数 传递 给 treeview_ 
sortColumn( ) 方法 。 


程序 第 4 ~ 13 行 是 treeview_sortColumn( ) 方法 ， 在 这 个 方法 中 为 了 让 读者 了 解 
数据 内 容 特别 在 第 8 和 10 行列 出 目前 列表 内 容 ， 方 便 读者 了 解 目前 程序 的 意义 。 首 先 
第 5 行 设置 reverseFlag 是 全 局 变量 ， 它 的 原始 定义 在 17 行 。 第 6、7 行 其 实 是 同一 条 
命令 ， 如 下 所 示 。 


6 lst = [(tree.set(st, col), st) 
7 for st in tree.get children("")] 


上 述 有 一 个 get children() 方法 ， 它 的 语法 如 下 。 


get children([item]) 


它 会 传 回 item 的 一 个 tuple 的 iid 值 ， 如 果 省 略 则 是 得 到 一 个 tuple， 此 tuple 是 
top-level 的 iid 值 。 


上 述 程序 主要 是 建立 lst 列表 ， 第 8 行 会 打印 这 个 列表 内 容 ， 可 以 在 Python Shell 
窗口 看 到 ， 如 下 所 示 。 


[C'Washington', 'I001'), ('Texas', 'I002'), ('Jiangsu', 003 ('Florida', 'IO 
04'), ('Illinois', 'I005'), ('Shandong', '1006'), ('Guansdong', '1007'), ('Fujia 
n', 'I008'), ('Kentucky', 'I009'), ('Indiana', 'I00A'), ('Mississippi', 'IO0B'), 
('California', 'I00C')] 
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第 9 行 是 将 上 述 列表 内 容 排 序 ， 第 10 行 是 列 出 排序 结果 ， 如 下 所 示 。 
[C'California', 'IO0C'), ('Florida', 'I004'), ('Fujian', 'IO08'), ('Guangdong', 
'I007'), ('Illinois', 'I005'), ('Indiana', 'I00A'), ('Jiangsu', 'I003'), ("Kentu 
cky', 'I009'), ('Mississippi', 'IO0B'), ('Shandong', 'I006'), ('Texas', '1002'), 
('Washington', 'I001')] 

第 11. 12 行内 容 如 下 。 


11 for index, item in enumerate(lst): # 重新 移动 项 目 内容 
12 tree.move(item[1], "", index) 


其 中 有 一 个 movel) 方法 ， 语 法 如 下 。 


move (iid,parent,index) 


将 iid 所 指 项 目 移 至 parent 层次 的 index 位 置 ， 此 程序 用 “” 代 表 parent 层次 。 第 
13 行 是 更 改 排序 标识 ， 这 样 下 次 就 可 以 使 用 反 向 排序 。 
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981933 Canvas 


本 章 将 介绍 tkinter 模块 内 的 Canvas， 这 个 模块 可 以 绘图 ， 也 可 以 制作 动画 ， 而 动 
画 也 是 设计 游戏 的 基础 ， 本 章 将 完整 介绍 这 方面 的 知识 。 


19-1 绘图 功能 


19-1-1 建立 画布 
可 以 使 用 Canvas( ) 方法 建立 画布 对 象 。 


# 使 用 tk 当 窗 口 Tk 对 象 
# xx, yy 是 画布 宽 与 高 
# 可 以 将 画布 包装 好 ， 这 是 必要 的 


tk = Tk( ) 
canvas = Canvas(tk, width-xx, height-yy) 


canvas.pack( ) 


画布 建立 完成 后 ， 左 上 角 是 坐标 (0,0), [np x 轴 递 增 ， 向 下 y 轴 递 增 。 


19-1-2 绘制 线条 create line( ) 


它 的 使 用 方式 如 下 。 


create line(x1l, yl, x2, y2, ++, xn, yn, options) 


ik. 


线条 将 会 沿 着 (x1,y1), (2,2), … 绘 制 下 去 ， 下 列 是 常用 的 options 用 
(Darrow: 默认 是 没有 箭头 ， 使 用 arrow=tk.FIRST 在 起 始 线 末 端 有 箭头 ， 
arrow-LAST 在 最 后 一 条 线 末 端 有 箭头 ， 使 用 arrow-tk.BOTH 在 两 端 有 箭头 。 
元 组 (d1, d2, d3) 代表 箭头 ， 默 认 是 (8,10,3). 


(2)arrowshape: 使 用 


I— a — 
(3)capstyle: 这 是 线条 终点 的 样式 ， 默 认 是 BUTT， 也 可 以 选择 PROJECTING、 


ROUND， 程 序 实例 可 以 参考 ch19 4.py。 
E 立 虚线 ， 使 用 元 组 储存 数字 数据 ， 第 一 个 数字 是 实 线 ， 第 二 个 数字 是 
EE 新 开始 。 例 如 ，dash-(5,3) 产生 5 像素 实 线 ， 


(4)dash: # 
空白 ， 如 此 循环 当 所 有 元 组 数字 用 完 又 习 
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3 像素 空白 ， 如 此 循环 。 再 如 ，dash=(8,1,1,1) 产生 8 像素 实 线 和 点 的 线条 ，dash=(5)) 
产生 5 像素 实 线 5 像素 空白 。 

(5)dashoffset: 5j dash 一 样 产 生 虚 线 ， 但 是 一 开始 数字 是 空白 的 宽度 。 

(6)fill: 设置 线条 颜色 。 

(7)joinstyle: 线条 相交 的 设置 ， 默 认 是 ROUND， 也 可 以 选择 BEVEL、MITER， 
程序 实例 可 以 参考 ch19 3.py。 

(8)stipple: 绘制 位 图 (Bitmap) 线条 ， 可 以 参考 2-8 节 ， 程 序 实例 可 以 参考 
ch19 5.py. 

(9)width: 线条 宽度 。 


程序 实例 ch19_1.py: 在 半径 为 100 的 圆 外 围 建立 12 个 点 ， 然 后 将 这 些 点 彼此 
连接 。 
# ch19 1.py 


1 

2 from tkinter import * 
3 import math 
4 
5 


tk - Tk() 
6 canvas = Canvas(tk, width=640, height-480) 
7 canvas.pack() 
8 x center, y center, r - 320, 240, 100 
9 x y= I I] 


10 for i in range(12): # 建立 圆 外 国 12 个 点 

11 x.append(x center + r * math.cos(30*i*math.pi/180)) 
12 y-.append(y center + r * math.sin(30*i*math.pi/180)) 
13 for i in range(12): # 将 12 个 点 彼此 连 线 

14 for j in range(12): 

15 canvas.create line(x[i],y[i] x[jb yD31) 
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上 述 程序 使 用 了 数学 函数 sin( ) 和 cos() 以 及 pi， 这 些 是 在 math 模块。 使 用 
create line( ) 时 ， 在 options 参数 字段 可 以 用 fill 设置 线条 颜色 ， 用 width 设置 线条 
宽度 。 
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程序 实例 ch19_2.py: 不 同 线条 颜色 与 宽度 。 


2 from tkinter import * 
import math 


tk = Tk() 

canvas = Canvas(tk, width-640, height-480) 

canvas.pack() 

canvas.create line(100,100,500,100) 

canvas.create line(100,125,500,125,width-5) 
canvas.create line(100,150,500,150,width-10,fill-'blue') 
canvas.create line(100,175,500,175,dash-(10,2,2,2)) 


执行 结果 


程序 实例 ch19_3.py: 由 线条 交接 了 解 joinstyle 参数 的 应 用 。 


from tkinter import * 
import math 


5 tk = Tk() 
canvas - Canvas(tk, width-640, height-480) 
canvas.pack() 
canvas.create line(30,30,500,30,265,100,30,30, 
width-20,joinstyle-ROUND) 
canvas.create line(30,130,500,130,265,200,30,130, 
11 width-20, joinstyle-BEVEL) 
12 canvas.create line(30,230,500,230,265,300,30,230, 
1 width-20,joinstyle-MITER) 


执行 结果 


| ROUND 
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程序 实例 ch19_4.py: 由 线条 了 解 capstyle 参数 的 应 用 。 


# ch19 4.py 
from tkinter import * 
import math 


tk - Tk() 

canvas - Canvas(tk, width-640, height-480) 

canvas.pack() 

canvas.create line(30,30,500,30,width-10,capstyle-BUTT) 
canvas.create line(30,130,500,130,width-10,capstyle-ROUND) 
canvas.create line(30,230,500,230,width-10,capstyle-PROJECTING) 
# 以 下 垂直 线 

canvas.create line(30,20,30,240) 

canvas.create line(500,20,500,250) 


程序 实例 ch19. 5.py: 建立 位 图 线条 。 


# ch19 5.py 
from tkinter import * 
import math 


tk = Tk() 

canvas = Canvas(tk, width-640, height-480) 

canvas.pack() 

canvas.create line(30,30,500,30,width-10,stipple-"gray25") 
canvas.create line(30,130,500,130,width-40,stipple-"questhead") 
canvas.create line(30,230,500,230,width-10,stipple-"info") 
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19-1-3 绘制 矩形 create rectangle( ) 


它 的 使 用 方式 如 下 。 


create rectangle(x1l, yl, x2, y2,options) 


(x L,yl) 和 (x2,y2) 是 矩形 左上 角 和 右 下 角 的 坐标 ， 下 列 是 常用 的 options 用 法 。 


(1)dash: 建立 虚线 ， 与 create line( ) 相同 。 

(2)dashoffset: 与 dash 一 样 产 生 虚 线 ， 但 是 一 开始 数字 是 空白 的 宽度 。 
(G3)fll: 矩形 填充 颜色 。 

(4)outline: 设置 矩形 线条 颜色 。 


(5)stipple: 绘制 位 图 矩形 ， 可 以 参考 2-8 节 ， 程 序 实 例 可 以 参考 ch19 5.py. 


(6)width: 矩形 线条 宽度 。 


程序 实例 ch19_6.py: 在 画布 内 随机 产生 不 同位 置 与 大 小 的 矩形 。 


# ch19 6.py 
from tkinter import * 
from random import * 


tk - Tk() 

canvas = Canvas(tk, width=640, height-480) 

canvas.pack() 

for i in range(50): # 随机 绘制 50 个 不 同位 置 与 大 小 的 和 矩形 
xl，y1 = randint(1, 640), randint(1, 480) 
x2, y2 = randint(1, 640), randint(1, 480) 
if x1» 30: X1,39 = X2,X1 # 确保 左上 角 x 坐 标 小 于 右 下 角 x 坐 标 
if y1 > y2: y1,y2 = y2,y1 # 确保 左上 角 y 坐 标 小 于 右 下 角 y 坐 标 
canvas.create_rectangle(x1, y1, x2, y2) 


, 
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这 个 程序 每 次 执行 时 都 会 产生 不 同 的 结果 ， 有 一 点 儿 艺 术 画 的 效果 。 使 用 
create rectangle( ) 时 ， 在 options 参数 字段 可 以 用 fl-'color 设置 矩形 填充 颜色 ， 用 
outline-'color' 设置 矩形 轮廓 颜色 。 


程序 实例 ch19_7.py: 绘制 三 个 矩形 ， 第 一 个 使 用 红色 填充 轮廓 色 是 默认 设置 ， 第 二 
个 使 用 黄色 填充 轮廓 是 蓝 色 ， 第 三 个 使 用 绿色 填充 轮廓 是 灰色 。 

1 # ch19 7.py 

2 from tkinter import * 

3 from random import * 

4 

5 tk - Tk() 

6 canvas = Canvas(tk, width=640, height-480) 

7  canvas.pack() 

8  canvas.create rectangle(10, 10, 120, 60, fill-'red') 


canvas.create rectangle(130, 10, 200, 80, fill-'yellow', outline- blue') 
10  canvas.create rectangle(210, 10, 300, 60, fill-'green', outline-'grey') 


由 执行 结果 可 以 发 现 ， 由 于 画布 底 色 是 浅 灰 色 ， 所 以 第 三 个 矩形 用 灰色 轮廓 ， 几 
乎 看 不 到 轮廓 线 ， 另 外 也 可 以 用 width 设置 矩形 轮廓 的 宽度 。 


19-1-4 HEM create arc() 
它 的 使 用 方式 如 下 。 


create arc(x1l, yl, x2, y2, extent-angle, style-ARC, options) 

(x1,y1) 和 (x2,y2) 分 别 是 圆 弧 左上 角 和 右 下 角 的 坐标 ， 下 列 是 常用 的 options 
用 法 。 

(1)dash: 建立 虚线 ， 与 create line( ) 相同 。 

(2)dashoffset: 与 dash 一 样 产生 虚线 ， 但 是 一 开始 数字 是 空白 的 宽度 。 

(3)extent: 如 果 要 绘制 圆 形 extent 值 是 339， 如 果 写 成 360 会 视 为 0” 。 如 果 extent 
介 于 1 ~ 359， 则 是 绘制 这 个 角度 的 圆 弧 。 

(Dil: 填充 圆 弧 颜色 。 

(5)outline: 设置 圆 弧 线条 颜色 。 
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(6)start: 圆 弧 起 点 位 置 。 

(7)stipple: 绘制 位 图 圆 弧 。 

(8)style: 有 三 种 格式 一 一 ARC、CHORD、PIESLICE， 可 参考 ch19 9.py。 
(9)width: 圆 弧 线条 宽度 。 


上 述 style=ARC 表示 绘制 圆 弧 ， 如 果 是 要 使 用 options 参数 填 满 圆 弧 则 须 舍 去 此 
参数 。 此 外 ，options 参数 可 以 使 用 width 设置 轮廓 线条 宽度 (可 参考 下 列 ch19 8.py 
第 12 1T). outline 设置 轮廓 线条 颜色 ( 可 参考 下 列 ch19 8.py 58 16 行 )，Hfll 设置 填充 
颜色 ( 可 参考 下 列 ch19_8.py 第 10 行 )。 目 前 默认 绘制 圆 弧 的 起 点 是 右边 ， 也 可 以 用 
start=0 代表 。 也 可 以 设置 start 的 值 更 改 圆 弧 的 起 点 ， 方 向 是 逆 时 针 ， 可 参考 ch19 8. 
py 第 14 行 。 


程序 实例 ch19_8.py: 绘制 各 种 不 同 的 圆 和 椭圆 ， 以 及 圆 弧 和 椭圆 弧 。 


# ch19 8.py 
from tkinter import * 


tk = Tk() 

canvas - Canvas(tk, width-640, height-480) 
canvas.pack() 
8 以 下 以 圆 形 为 基础 
canvas.create arc(10, 10, 110, 110, extent-45, style-ARC) 

9  canvas.create arc(210, 10, 310, 110, extent-90, style-ARC) 

10  canvas.create arc(410, 10, 510, 110, extent-180, fill-'yellow') 

11  canvas.create arc(10, 110, 110, 210, extent-270, style-ARC) 

12  canvas.create arc(210, 110, 310, 210, extent-359, style-ARC, width-5) 

13 # 以 下 以 椭圆 形 为 基础 

14  canvas.create arc(10, 250, 310, 350, extent-90, style-ARC, start-90) 

15  canvas.create arc(320, 250, 620, 350, extent-180, style-ARC) 

16  canvas.create arc(10, 360, 310, 460, extent-270, style-ARC, outline-'blue') 
17  canvas.create arc(320, 360, 620, 460, extent-359, style-ARC) 
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程序 实例 ch19_9.py: style 参数 分 别 是 ARC, CHORD, PIESLICE 的 应 用 。 


@oDoNvamnmwmhwnh 


me 


# ch19_9.py 
from tkinter import * 


tk = Tk() 

canvas = Canvas(tk, width=640, height-480) 

canvas.pack() 

# 以 下 以 圆 形 为 基础 

canvas.create arc(10, 10, 110, 110, extent-180, style-ARC) 
canvas.create arc(210, 10, 310, 110, extent-180, style-CHORD) 


canvas.create arc(410, 10, 510, 110, start-30, extent-120, style-PIESLICE) 


NEUES 


19-1-5 绘制 圆 或 椭圆 create oval() 


它 的 使 用 方式 如 下 。 


create oval (x1, yl, x2, y2, options) 


(Ly D) 和 (x2,y2) 分 别 是 圆 或 椭圆 的 左上 角 和 右 下 角 坐 标 ， 下 列 是 常用 的 options 


用 法 。 


(1)dash: 建立 虚线 ， 与 create line( ) 相同 。 

(2)dashoffset: 与 dash 一 样 产生 虚线 ， 但 是 一 开始 数字 是 空白 的 宽度 。 
Ofl: 设置 圆 或 椭圆 的 填充 颜色 。 

(4)outline: 设置 圆 或 椭圆 边界 颜色 。 

(5)stipple: 绘制 位 图 边界 的 圆 或 椭圆 。 

(6)width: 圆 或 椭圆 线条 宽度 。 


程序 实例 ch19_10.py: 圆 和 椭圆 的 绘制 。 


1. 
2 
3 
4 
5 
6 
xz 
8 


# ch19 10.py 
from tkinter import * 


tk - Tk() 

canvas - Canvas(tk, width-640, height-480) 
canvas.pack() 

# 以 下 是 圆 形 

canvas.create oval(10, 10, 110, 110) 

canvas.create oval(150, 10, 300, 160, fill-'yellow') 
# 以 下 是 椭圆 形 

canvas.create oval(10, 200, 310, 350) 


canvas.create oval(350, 200, 550, 300, fill-'aqua', outline-'blue', width-5) 
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19-1-6 绘制 多 边 形 create polygon( ) 
它 的 使 用 方式 如 下 。 


create polygon(xl, yl, x2, y2, x3, y3, ^" , xn, yn, options) 
(x1,y1),…, (xn,yn) 是 多 边 形 各 角 的 Guy) 坐标 ， 下 列 是 常用 的 options 用 法 。 
(1)dash: 建立 虚线 ， 与 create_line( ) 相同 。 
(2)dashoffset: 与 dash 一 样 产 生 虚 线 ， 但 是 一 开始 数字 是 空白 的 宽度 。 
(3)fill: 设置 多 边 形 的 填充 颜色 。 
(4)outline: 设置 多 边 形 的 边界 颜色 
(5)stipple: 绘制 位 图 边界 的 多 边 形 。 
(6)width: 多 边 形 线条 宽度 。 

程序 实例 ch19_11.py: 绘制 多 边 形 的 应 用 。 


# ch19 11.py 
from tkinter import * 


tk - Tk() 

canvas - Canvas(tk, width-640, height-480) 

6  canvas.pack() 

7  canvas.create polygon(10,10, 100,10, 50,80, fill-'', outline- black') 

8  canvas.create polygon(120,10, 180,30, 250,100, 200,90, 130,80) 

9  canvas.create polygon(200,10, 350,30, 420,70, 360,90, fill-'aqua') 

10  canvas.create polygon(400,10,600,10,450,80,width-5,outline- blue',fill-'yellow') 
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19-1-7 输出 文字 create_text( ) 
它 的 使 用 方式 如 下 。 


create text (x, y, text= 字符 串 options) 
默认 (xy) 是 文字 字符 串 输 出 的 中 心 坐标 ， 下 列 是 常用 的 options 用 法 。 
(1)anchor: 默认 是 anchor=CENTER， 也 可 以 参考 2-4 节 的 位 置 概念 。 
Qfil: 文字 颜色 。 
(3)font: 字形 的 使 用 ， 可 以 参考 2-6 节 。 
(4)justify: 当 输 出 多 行 时 ， 默 认 是 靠 左 LEFT， 更 多 概念 可 以 参考 2-7 节 。 
(5)stipple: 绘制 位 图 线条 的 文字 ， 默 认 是 “” 表 示 实 线 。 
(6)text: 输出 的 文字 。 
(7)width: 多 边 形 线条 宽度 。 

序 实 例 ch19_12.py: 输出 文字 的 应 用 。 


# ch19 12.py 
from tkinter import * 


gti 


tk = Tk() 

canvas - Canvas(tk, width-640, height-480) 

canvas.pack() 

canvas.create text(200, 50, text-'Ming-Chi Institute of Technology') 
canvas.create text(200, 80, text-'Ming-Chi Institute of Technology', fill-'blue') 
canvas.create text(300, 120, text-'Ming-Chi Institute of Technology', fill-'blue', 


font-('Old English Text MT',20)) 
执行 结果 
/ tk -cNN 


Goco-ousuNmndn 


> 


Ming-Chi Institute of Technology 
Ming-Chi Institute of Technology 


Ming -Cht Institute of Technology 


19-1-8 ”更改 画布 背景 颜色 
在 使 用 Canvas( ) 方法 建立 画布 时 ， 可 以 加 上 bg 参数 设置 画布 背景 颜色 。 


$819 3$ Canvas 


程序 实例 ch19_13.py: 将 画布 背景 改 成 黄色 。 


1 
2 
3 
4 
5 
6 


# ch19 13.py 
from tkinter import * 


tk - Tk() 
canvas - Canvas(tk, width-640, height-240, bg-'yellow') 
canvas.pack() 


19-1-9 插入 图 像 create_image( ) 


在 Canvas 控件 内 可 以 使 用 create image( ) 在 Canvas 对 象 内 插入 图 像 文件 ， 它 的 


语法 如 下 。 


create image(x, y, options) 

Cy) 是 图 像 左 上 角 的 位 置 ， 下 列 是 常用 的 options 用 法 。 

(1)anchor: 默认 是 anchor=CENTER， 也 可 以 参考 2-4 节 的 位 置 概念 。 
(2)image: 插入 的 图 像 。 

下 面 将 以 实例 讲解 。 


程序 实例 ch19_14.py: 插入 图 像 文件 rushmore.jpg， 这 个 程序 会 建立 窗口 ，x 轴 大 于 
图 像 宽 度 30 像素 ，y 轴 大 于 图 像 高 度 20 像素 。 


o0 oOouBuNmH 


# ch19 14.py 
from tkinter import * 
from PIL import Image, ImageTk 


tk - Tk() 
img = Image.open("rushmore.jpg") 
rushMore - ImageTk.PhotoImage(img) 


canvas = Canvas(tk, width-img.size[0]«40, 
height-img.size[1]-«30) 

canvas.create image(20,15,anchor-NW, image-rushMore) 

canvas.pack(fill-BOTH,expand-True) 
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19-2 鼠标 拖 昌 绘 制 线条 


Python 的 tkinter 模块 在 Canvas 控件 部 分 并 没有 提供 绘制 点 的 工具 ， 不 过 我 们 可 
以 使 用 鼠标 拖 电 时 绑 定 paint 事件 处 理 程序 ， 在 这 个 事件 中 可 以 取得 鼠标 坐标 ， 然 后 使 
ereate oval( ) 方法 绘制 极 小 化 的 圆 ， 方 法 是 圆 的 左上 角 坐 标 与 右 下 角 左 标 相 同 ， 可 
以 参考 下 列 实例 。 


程序 实例 ch19_15.py: 设计 一 个 简单 的 绘图 程序 ， 这 个 程序 在 执行 时 若是 拖 电 鼠 标 
可 以 绘制 线条 。 


1 £& ch19 15.py 

2 from tkinter import * 

3 def paint(event): # 3 

4 X1,y1 = (event.x, event.y) # 设置 2 坐标 
5 x2,y2 = (event.x, event.y) # y | FAHER 
6 canvas.create oval(x1,y1,x2,y2,fill-"blue" 

7 def cls(): - ] 

8 canvas.delete("all") 

9 

10 tk = Tk() 

11 lab = Label(tk,text=" 拖 所 鼠标 可 以 绘图 ") tg 

12 lab.pack() 

13 canvas = Canvas(tk,width-640, height-300) # 建立 画布 

14 canvas.pack() 

15 


16 btn = Button(tk,text=" 清 除 ",command=cls) # 建立 “清除 ”按钮 
17 btn.pack(pady=5) 


19  canvas.bind("«B1-Motion»",paint) # 鼠标 拖 暇 绑 定 paint 


21  canvas.mainloop() 


第 19 章 Canvas 


1 m -oEN 


拖 时 最 标 可 以 绘图 


| NE 


»| 
上 述 程序 第 8 行使 用 了 delete( ) 方法 ， 这 个 方法 内 部 加 上 “all”， 可 以 删除 所 有 给 


制 的 图 ， 对 此 程序 而 言 相 当 于 清除 画布 。 如 果 想 要 让 所 绘制 的 线条 变 粗 ， 可 以 适度 将 
左上 角 的 Guy) 坐标 减 1， 右 下 角 的 Guy) 坐标 加 1。 


19-3 Ea 


19-3-1 基本 动画 


程序 


动画 设计 所 使 用 的 方法 是 move( )， 使 用 格式 如 下 。 


canvas.move (ID, xMove, yMove) # ID 是 对 象 编 号 
canvas.update( ) # 强制 重 绘画 布 


xMove,yMove 分 别 是 沿 x 41 y 轴 移 动 距 离 ， 单 位 是 像素 。 
实例 ch19_16.py: 移动 球 的 设计 ， 每 次 移动 $ 像素 。 


# ch19 16.py 
from tkinter import * 
import time 


tk - Tk() 

canvas- Canvas(tk, width-500, height-150) 

canvas.pack() 

canvas.create 0val(10,50,60,100,fill-'yellow', outline-'lightgray') 
for x in range(0, 80): 


canvas.move(1, 5, 0) # ID-1 x 轴 移动 5 像素 ，y 轴 不 变 
tk.update() # 强制 Tkinter 重 绘 
time.sleep(0.05) 
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上 述 程序 执行 时 使 用 循环 ， 第 12 行 相当 于 定义 每 隔 0.05s 移动 一 次 。 其 实 我 们 只 
要 设置 move( ) 方法 的 参数 就 可 以 向 任意 方向 移动 。 


程序 实例 ch19_17: 扩大 画布 高 度 为 300 像素 , 每 次 x 轴 移 动 5 像素 ,y 轴 移动 2 像素 。 


10 canvas.move(1, 5, 2) # ID-1 x 轴 移动 5 像素 ，y 轴 移动 2 像素 
读者 可 以 自行 体会 球 向 右 下 方 移动 。 


19-3-2 多 个 球 移动 的 设计 


在 建立 球 对 象 时 ， 可 以 设置 id 值 ， 以 后 可 以 将 这 个 id 值 放 入 movel) 方法 内 ， 表 
明 是 移动 这 个 球 。 


程序 实例 ch19 18.py: 一 次 移动 两 个 球 ， 第 8 行 设置 黄色 球 是 idl， 第 9 行 设置 水 蓝 
色 球 是 id2 。 


# ch19 18 .py 
from tkinter import * 
import time 


canvas- Canvas(tk, width-500, height-250) 

canvas.pack() 

idl = canvas.create oval(10,50,60,100,fill-'yellow') 
9 id2 = canvas.create 0val(10,150,60,200,fill-'aqua') 
10 for x in range(0, 80): 


1 
2 
3 
4 
5 tk - Tk() 
6 
7 
8 


11 canvas.move(id1, 5, 0) it 
12 canvas.move(id2, 5, 0) i 
13 tk.update() # 
14 time.sleep(0.05) 


第 19 章 Canvas 


19-3-3 将 随机 数 应 用 于 多 个 球体 的 移动 

在 拉 斯 维 加 斯 或 是 澳门 赌场 ， 常 可 以 看 到 机 器 赛马 的 赌 具 ， 其 实 我 们 若是 将 球 改 
成 赛马 其 意义 是 相同 的 。 

观念 1: 赌场 作弊 方式 

假设 想 让 黄色 球 跑 的 速度 快 一 些 ， 它 赢 的 概率 是 70%， 可 以 利用 randint( ) 产生 
1 一 100 的 随机 数 ， 让 随机 数 在 1 ~ 70 间 移 动 黄 球 ， 在 71 ~ 100 间 移 动 水 蓝 色 球 ， 
这 样 可 以 作弊 了 。 

观念 2: 赌场 作 次 现形 

玩 赛 马 赌 具 时 必须 下 注 ， 赌 场 作 浆 的 最 佳 方式 是 ， 让 下 注 最 少 的 马匹 有 较 高 概率 
的 移动 机 会 ， 这 样 钱 就 滚滚 而 来 了 。 

观念 3: TE 

我 们 可 以 设计 随机 数 在 1 ~ 50 间 移 动 黄 球 ， 在 51 ~ 100 间 移 动 水 蓝 色 球 。 


程序 实例 ch19_19.py: 循环 跑 100 次 看 哪 一 个 球 跑 得 快 ， 让 黄色 球 有 7096 赢 的 机 会 。 
11 for x in range(0, 100): 


12 if randint(1,100) » 70: 

13 canvas.move(id2, 5, 0) 
14 else: 

15 canvas.move(idl, 5, 0) 
16 tk.update() 

17 time.sleep(0.05) 
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19-3-4 消息 绑 定 
主要 思路 是 可 以 利用 系统 接收 到 键盘 的 消息 ， 做 出 反应 。 例 如 ， 当 发 生 按 下 右 移 
键 时 ， 可 以 控制 球 往 右边 移动 ， 例 如 ， 我 们 可 以 如 下 这 样 设计 函数 。 
def ballMove (event): 
canvas.move(1, 5, 0) # 假设 移动 5 像素 
在 程序 设计 函数 中 对 于 按 下 右 移 键 移动 球 可 以 如 下 这 样 设计 。 


def ballMove (event): 
if event.keysym == 'Right' : 


canvas.move(1, 5, 0) 


对 于 主 程序 而 言 需 使 用 canvas.bind all() 函数 ， 执 行 消息 绑 定 工作 ， 它 的 写法 如 下 。 


canvas.bind all('«KeyPress-Left»', ballMove) # 左 移 键 
canvas.bind all('«KeyPress-Right»', ballMove) t ARR 
canvas.bind all('«KeyPress-Up»', ballMove) + 上 移 键 
canvas.bind all('«KeyPress-Down»', ballMove) # 下 移 键 


上 述 函数 主要 是 告知 程序 所 接收 到 键盘 的 消息 是 什么 ， 然 后 调用 ballMove( ) 函数 
执行 键盘 消息 的 工作 。 


程序 实例 ch19_20.py: 程序 开始 执行 时 ， 在 画布 中 央 有 一 个 红 球 ， 可 以 按键 盘 上 的 向 
右 、 向 左 、 向 上 、 向 下 键 ， 往 右 、 往 左 、 往 上 、 往 下 移动 球 ， 每 次 移动 5 个 像素 。 


# ch19 20.py 
from tkinter import * 
import time 
def ballMove(event): 


BuNH 


981933 Canvas 


5 if event.keysym == 'Left': # 左 移 
6 canvas.move(1, -5, 0) 

7 if event.keysym == 'Right': # 右 移 
8 canvas.move(1, 5, 0) 

9 if event.keysym == 'Up': # p 
10 canvas.move(1, 0, -5) 
11 if event.keysym == 'Down': i 下 移 
12 canvas.move(1, 0, 5) 


13 tk - Tk() 

14  canvas- Canvas(tk, width-500, height-300) 

15  canvas.pack() 

16  canvas.create 0val(225,125,275,175,fill-'red') 
17 canvas.bind all('«KeyPress-Left»', ballMove) 
18  canvas.bind all('«KeyPress-Right»', ballMove) 
19  canvas.bind all('«KeyPress-Up»', ballMove) 

20  canvas.bind all('«KeyPress-Down»', ballMove) 
21  mainloop() 


19-4 反弹 球 游戏 设计 


本 节 将 一 步 一 步 引 导读 者 设计 一 个 反弹 球 的 游戏 。 
19-4-1 设计 球 往 下 移动 


程序 实例 ch19_21.py: 定义 画布 窗口 名 称 为 Bouncing Ball， 同 时 定义 画布 宽度 (14 £7 ) 
与 高 度 (15 行 ) 分 别 为 640 像素 ,480 像素 。 这 个 球 将 往 下 移动 然后 消失 ， 移 到 超出 
布 范围 就 消失 了 。 


El 
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1 # ch19 21.py 

2 from tkinter import * 

3 from random import * 

4 import time 

5 

6 class Ball: 

yy def _init (self, canvas, color, winW, winH): 

8 self.canvas - canvas 

9 self.id = canvas.create oval(0, 0, 20, 20, fill-color) # 建立 球 对 条 
10 self.canvas.move(self.id, winW/2, winH/2)  # 设置 球 最 初 位 置 
11 def ballMove(self): 

12 self.canvas.move(self.id, 0, step) i step 是 正 值 表 示 往 下 移动 
13 


14 winW = 640 
15 winH = 480 


16 step = 3 

17 speed = 0.03 
18 

19 tk - Tk() 


20 tk.title("Bouncing Ball") 

21  tk.wm attributes('-topmost', 1) 

22 canvas - Canvas(tk, width-winW, height-winH) 
23  canvas.pack() 

24  tk.update() 


人 在 屏幕 最 上 层 


25 

26 ball = Ball(canvas, 'yellow', winW, winH) # 定义 球 对 象 

27 

28 while True: 

29 ball.ballMove() 

30 tk.update() 

31 time.sleep(speed) # 可 以 控制 移动 速度 


í Bouncing Ball -2 EN 
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这 个 程序 由 于 是 一 个 无 限 循环 (28 ~ 31 行 )， 所 以 我 们 在 强制 关闭 画布 窗口 时 ， 
将 在 Python Shell 窗口 看 到 错误 消息 ， 本 章 最 后 的 实例 会 改进 程序 。 整 个 程序 可 以 用 球 
每 次 移动 的 步 长 (16 行 ) 和 循环 第 31 fT tme.sleep(speed) 指令 的 speed 值 ， 控 制 球 的 移 
动 速 度 。 

上 述 程 序 中 建立 了 Bal 类 别 ， 这 个 类 别 在 _ init ( ) 方 法 中 ， 在 第 9 行 创建 了 球 
对 象 ， 第 10 行 先 设置 球 是 大 约 在 中 间 位 置 。 另 外 ， 创 建 了 ballMove( ) 方法 ， 这 个 方 
法 会 依 step 变量 移动 ， 在 此 例 中 是 每 次 往 下 移动 。 


19-4-2 设计 让 球 上 下 反弹 


如 果 想 让 所 设计 的 球 上 下 反弹 ， 首 先 须 了 解 tkinter 模块 如 何 定 义 对 象 的 位 置 。 其 
实 以 这 个 实例 而 言 ， 可 以 使 用 coords( ) 方法 获得 对 象 位 置 ， 它 的 返回 值 是 对 象 的 左上 
角 和 右 下 角 坐 标 。 


程序 实例 ch19_22.py: 主要 是 建立 一 个 球 ， 然 后 用 coords( ) 方法 列 出 球 位 置 的 消息 。 
1 # ch19 22.py 

2 from tkinter import * 

3 

4 tk = Tk() 

5  canvas- Canvas(tk, width=500, height-150) 

6  canvas.pack() 

7 id = canvas.create 0val(10,50,60,100,fill-'yellow', outline-'lightgray') 

8  ballPos = canvas.coords(id) 

9  print(ballPos) 


执行 结 
RESTART: D:/PythonGUI/chl9/chl9 2 一 
0 


[10.0, 50.0, 60.0, 100.0] 
>>> 


如 以 上 述 执行 结果 ， 可 以 用 下 面 的 图 示 讲 解 。 


10.0, 50.0 


60.0, 100.0 


相当 于 可 以 用 coords( ) 方法 获得 下 列 结果 。 
ballPos[0]: 球 的 左边 x 轴 坐 标 ， 可 用 于 判别 是 否 撞 到 画布 左 方 。 
ballPos[1]: 球 的 上 边 y 轴 坐 标 ， 可 用 于 判别 是 否 撞 到 画布 上 方 。 
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ballPos[2]: 球 的 右边 x 轴 坐标 ， 可 用 于 判别 是 否 撞 到 画布 右 方 。 
ballPos[3]: 球 的 左边 y 轴 坐 标 ， 可 用 于 判别 是 否 撞 到 画布 下 方 。 


程序 实例 ch19_23.py: 改进 ch19 21.py， 设 计 让 球 可 以 上 下 移动 。 其 实 这 个 程序 只 是 
更 改 Ball 类 别 内 容 。 


6 class Ball: 

7 def | init (self, canvas, color, winW, winH): 

8 self.canvas - canvas 

9 self.id - canvas.create oval(0, 0, 20, 20, fille coron) # E 建 球 对 象 
10 self.canvas.move(self.id, winW/2, winH/2) # i 

11 self.x - 0 # 

12 self.y = step # 

13 def ballMove(self): 

14 self.canvas.move(self.id, self.x, self.y) # step 是 正 值 表 示 往 下 移动 
15 ballPos - self.canvas.coords(self.id) 

16 if ballPos[1] «- 0: + 侦 测 球 是 否 超过 画布 上 方 

17 self.y - step 

18 if ballPos[3] »- winH: # 侦 测 球 是 否 超过 画布 下 方 

19 self.y = -step 


读者 可 以 观察 屏幕 ， 查 看 球 上 下 移动 的 结果 。 


程序 第 11 行 定义 球 x 轴 不 移动 ， 第 12 行 定义 y 轴 移 动 单位 是 step。 第 15 行 获得 
球 的 位 置信 息 ， 第 16、17 行 侦 测 如 果 球 撞 到 画布 上 方 则 球 是 往 下 移动 step 单位 ， 第 
18、19 行 侦 测 如 果 球 撞 到 画布 下 方 则 球 是 往 上 移动 step 单位 ( 因为 是 负 值 )。 


19-4-3 ”设计 让 球 在 画布 四 面 反 弹 


在 反弹 球 游 戏 中 ， 我 们 必须 让 球 在 四 面 皆 可 反弹 ， 这 时 须 考虑 到 球 在 x 轴 移 动 ， 
这 时 原先 Ball 类 别 的 _init () 函数 中 需 修改 下 列 两 行 。 


11 self.x = 0 


12 self.y - step 

下 面 是 更 改 结果 。 

11 startPos = [-4, -3, -2, -1, 1, 2, 3, 4] 
12 shuffle(startPos) 

13 self.x = startPos[0] 

14 self.y - step 


上 述 程 序 修改 的 思想 是 球 局 开始 时 ， 每 个 循环 x 轴 的 移动 单位 是 随机 数 产生 的 。 
至 于 在 ballMove( ) 方法 中 ， 我 们 须 考 虑 到 水 平 轴 的 移动 可 能 碰撞 画布 左边 与 右边 的 状 
况 ， 是 如 果 球 撞 到 画布 左边 ， 设 置 球 沿 x 轴 移 动 是 正 值 ， 也 就 是 往 右 移动 。 


18 if ballPos[0] <= 0: + 侦 测 球 是 否 超过 画布 左 方 
19 self.x = step 
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如 果 球 撞 到 画布 右边 ， 设 置 球 在 x 轴 移 动 是 负 值 ， 也 就 是 往 左 移动 。 


22 if ballPos[2] >= winW: # 侦 测 球 是 否 超过 画布 右 方 
23 self.x - -step 


程序 实例 ch19_24.py: 改进 ch19 23.py 程序 ， 现 在 球 可 以 在 四 周 移动 。 


6 class Ball: 

7 def | init (self, canvas, color, winW, winH): 

8 self.canvas - canvas 

9 self.id - canvas.create oval(0, 0, 20, 20, fill- color) # 创建 球 对 象 
10 self.canvas.move(self.id, winW/2, winH/2) #5 初 位 对 

11 startPos - [-4, -3, -2, -1, 1, 2, 3, 4] 8 球 最 初 x 负 位移 的 随机 数 
12 shuffle(startPos) # 打 乔 排列 

13 self.x = startPos[0] # 球 最 初 水 台 

14 self.y = step ox 

15 def ballMove(self): 

16 self.canvas.move(self.id, self.x, self.y) 

17 ballPos - self.canvas.coords(self.id) 

18 if ballPos[0] «- 0: # AN 

19 self.x - step 

20 if ballPos[1] «- 0: # 人 

21 self.y = step 

22 if ballPos[2] >= winW: #4 

23 self.x = -step 

24 if ballPos[3] >= winH: # i 

25 self.y = -step 


读者 可 以 观察 屏幕 ， 查 看 球 在 画布 四 周 移动 的 结果 。 


19-4-4 ”建立 球拍 


首先 建立 一 个 静止 的 球拍 ， 此 时 可 以 创建 Racket 类 ， 在 这 个 类 中 我 们 设置 了 它 的 
初始 大 小 与 位 置 。 


程序 实例 ch19_25.py: 扩充 ch19_24.py， 主 要 是 增加 球拍 设计 ， 在 这 里 先 增加 球拍 
类 。 在 这 个 类 中 ， 在 第 29 行 设计 了 球拍 的 大 小 和 颜色 ,第 30 行 设置 了 最 初 球拍 的 
位 置 。 


26 class Racket: 


27 def | init (self, canvas, color): 

28 self.canvas - canvas 

29 self.id = canvas.create rectangle(0,0,100,15, fill-color) # 球拍 对 象 

30 self.canvas.move(self.id, 270, 400) # 球拍 位 置 
另外 ， 在 主 程序 中 增加 了 建立 一 个 球拍 对 象 。 

44 racket = Racket(canvas, 'purple') # 定义 紫色 球拍 
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执行 结果 
' Bouncing Ball =A 


19-4-5 设计 球拍 移动 


由 于 是 假设 使 用 键盘 的 右 移 和 左 移 键 移动 球拍 ， 所 以 可 以 在 Racket 的 _init () 
函数 内 增加 ， 使 用 bind allC) 方法 绑 定 键盘 按键 发 生 时 的 移动 方式 。 


32 self.canvas.bind all('«KeyPress-Right»', self.moveRight) # 绑 定 按 往 右键 

33 self.canvas.bind all('«KeyPress-Left»', self.moveleft) # BERAR 
所 以 在 Racket 类 内 增加 下 列 moveRight( ) 和 moveLeft( ) 的 设计 。 

41 def moveleft(self, event): # 球拍 每 次 向 左 移动 的 单位 数 

42 self.x = -3 

43 def moveRight(self, event): # 球拍 每 次 向 右 移 动 的 单位 数 

44 self.x = 3 


上 述 设计 相当 于 每 次 的 位 移 量 是 3， 如 果 游 戏 有 设 等 级 ， 可 以 让 新 手 位 移 量 增 
加 ， 随 等 级 增加 让 位 移 量 减 少 。 此 外 ， 这 个 程序 中 增加 了 球拍 移动 主体 设计 如 下 。 


34 def racketMove(self): # 设计 球拍 移动 
35 self.canvas.move(self.id, self.x, 0) 
36 pos - self.canvas.coords(self.id) 
37 if pos[0] «- 0: # 移动 时 是 否 碰 到 画布 左边 
38 self.x = 0 
39 elif pos[2] >= winW: # 移动 时 是 否 碰 到 画布 右边 
40 self.x - 0 
主 程序 也 将 新 增 球拍 移动 方法 的 调用 。 
61 while True: 
62 ball.ballMove() 
63 racket.racketMove() 
64 tk.update() 
65 time.sleep(speed) # 可 以 控制 移动 速度 


$819 3$ Canvas 


程序 实例 ch19 26.py: 扩充 ch19 25.py 的 功能 ， 增 加 设计 让 球拍 左右 可 以 移动 ， 下 


列 程序 第 31 行 是 设置 程序 开始 时 ， 球 拍 位 移 是 0。 下 面 是 球拍 类 的 内 容 。 


26 class Racket: 


27 def _init (self, canvas, color): 
28 self.canvas - canvas 
29 self.id = canvas.create rectangle(0,0,108,15, fill-color) 
30 self.canvas.move(self.id, 270, 400) 
31 self.x = 0 
32 self.canvas.bind all('«KeyPress-Right»', self.moveRight) 
33 self.canvas.bind all('«KeyPress-Lleft»', self.moveleft) 
34 def racketMove(self): # 设计 球拍 移动 
35 self.canvas.move(self.id, self.x, ©) 
36 pos - self.canvas.coords(self.id) 
37 if pos[0] «- 0: # 移动 时 是 否 磁 到 画布 左 演 
38 self.x = ð 
39 elif pos[2] >= winu: UPEA Eo p 
40 self.x = 0 
41 def moveleft(self, event): * 球拍 每 ; 动 的 单位 元 
42 self.x = -3 
43 def moveRight(self, event): # 球拍 每 移动 的 单位 数 
44 self.x = 3 
下 列 是 主 程序 内 容 。 
58 racket = Racket(canvas, 'purple') # 定义 紫色 球拍 
59 ball = Ball(canvas, 'yellow', winW, winH) # 定义 球 对 象 
60 
61 while True: 
62 ball.ballMove() 
63 racket.racketMove() 
64 tk.update() 
65 time.sleep(speed) # 可 以 控制 移动 速度 


读者 可 以 观察 屏幕 ， 查 看 球拍 已 经 可 以 左右 移动 。 


19-4-6 球拍 与 球 碰撞 的 处 理 


在 上 述 程序 的 执行 结果 中 ， 球 碰 到 球拍 基本 上 是 可 以 穿 透 过 去 ， 本 节 将 讲解 碰撞 


的 处 理 。 首 先 可 以 增加 将 Racket 类 传 给 Ball 类 ， 如 下 所 示 。 


6 class Ball: 

def | init (self, canvas, color, winW, winH, racket): 
self.canvas - canvas 
self.racket - racket 


当然 在 主 程序 中 建立 Ball 类 对 象 时 需 修改 调用 方法 如 下 。 


67 racket = Racket(canvas, 'purple') # 定义 
68 ball = Ball(canvas, yellow',winW,winH,racket) # X 


在 Ball 类 中 需 增 加 是 否 球 碰 到 球拍 的 方法 ， 如 果 碰 到 就 让 球 沿路 径 往 上 反弹 。 
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33 if self.hitRacket(ballPos) == True: # i 
34 self.y = -step 


在 Ball 类 的 ballMove( ) 方法 上 方 需 增加 下 列 hitRacket( ) 方法 ， 检 测 球 是 否 碰 撞 
球拍 ， 如 果 碰 撞 了 会 传 回 True, BURE False. 


16 def hitRacket(self, ballPos): 

17 racketPos - self.canvas.coords(self.racket.id) 

18 if ballPos[2] »- racketPos[0] and ballPos[0] «- racketPos[2]: 

19 if ballPos[3] »- racketPos[1] and ballPos[3] «- racketPos[3]: 
20 return True 

21 return False 


上 述 侦 测 是 否 球 撞 到 球拍 必须 符合 以 下 两 个 条 件 。 


C) 球 的 右 侧 x fii A b ballPos[2] 大 于 球拍 左 侧 x 坐标 racketPos[0]， 同 时 球 的 左 侧 
x 坐标 ballPos[0] 小 于 球拍 右 侧 x 坐标 racketPos[2]。 


allPos[0] _ lballPos[2] 
racketPos[0] racketPos[2] 


(2) 球 的 下 方 y 坐标 ballPos[3] 大 于 球拍 上 方 的 y 坐标 racketPos[1]， 同 时 必须 小 于 
球拍 下 方 的 y 坐标 racketPos[3]。 读 者 可 能 奇怪 为 何不 是 侦 测 碰 到 球拍 上 方 即 可 ， 主 要 
是 球 不 是 一 次 移动 1 像素 ， 如 果 移 动 3 像素 ， 很 可 能 会 跳 过 球拍 上 方 。 


racketPos[1] 
ballPos[3] 
racketPos[3] 
下 面 是 球 的 可 能 移动 方式 图 示 。 
EN E 
Sk ^ 


程序 实例 ch19. 27.py: 扩充 ch19 26.py， 当 球 碰撞 到 球拍 时 会 反弹 。 下 面 是 完整 的 
Ball 类 设计 。 


6 class Ball: 


7 def _init (self, canvas, color, winW, winH, racket): 

8 self.canvas = canvas 

9 self.racket - racket 

10 self.id - canvas.create oval(0, 0, 20, 20, fill-color) 

11 self.canvas.move(self.id, winW/2, winH/2) # 设置 球 最 初 位 置 

12 startPos = [-4, -3, -2, -1, 1, 2, 3, 4] 球 最 初 x 轴 位 移 的 随机 数 
13 shuffle(startPos) 

14 self.x - startPos[0] 

15 self.y - step 


第 19 章 Canvas 


16 def hitRacket(self, ballPos): 

17 racketPos - self.canvas.coords(self.racket.id) 

18 if ballPos[2] »- racketPos[0] and ballPos[0] «- racketPos[2]: 

19 if ballPos[3] »- racketPos[1] and ballPos[3] «- racketPos[3]: 
20 return True 

21 return False 

22 def ballMove(self): 

23 self.canvas.move(self.id, self.x, self.y) 5 step 是 下 信和 表示 往 下 移动 
24 ballPos = self.canvas.coords(self.id) 

25 if ballPos[0] «- 0: # 侦 测 球 是 否 超过 画布 左 方 
26 self.x = step 

27 if ballPos[1] <= 0: # 侦 测 球 是 否 超过 画布 上 方 
28 self.y = step 

29 if ballPos[2] >= winW: # 侦 测 球 是 否 超过 画布 右 方 
30 self.x - -step 

31 if ballPos[3] »- winH: # 侦 测 球 是 否 超过 画布 下 方 
32 self.y = -step 

33 if self.hitRacket(ballPos) -- True: # 侦 测 是 否 撞 到 球拍 

34 self.y = -step 


EE 入 读者 可 以 观察 屏幕 ， 查 看 球 碰撞 到 球拍 时 会 反弹 。 


19-4-7 完整 的 游戏 


在 实际 的 游戏 中 ， 若 是 球 碰 触 画布 底 端 应 该 让 游戏 结束 ， 此 时 首先 在 第 16 行 Ball 
类 的 init () 函数 中 设置 notTouchBottom 为 True， 为 了 让 玩家 可 以 缓冲 ， 此 时 也 设 
置 球 局 开始 时 球 是 往 上 移动 (第 15 行 )， 如 下 所 示 。 


15 self.y - -step 
16 self.notTouchBottom - True 
修改 主 程序 的 循环 如 下 。 
73 while ball.notTouchBottom: # 如 果 球 未 接触 画布 底 端 
74 try: 
75 ball.ballMove() 
76 except: 
77 print(" 单 击 关闭 按 纽 终止 程序 执行 ") 
78 break 
79 racket.racketMove() 
80 tk.update() 
81 time.sleep(speed) # 可 以 控制 移动 速度 


最 后 在 Ball 类 的 ballMove( ) 方 法 中 侦 测 球 是 否 接触 画布 底 端 ， 如 果 是 则 将 
notTouchBottom 设 为 False， 这 个 False 将 让 主 程序 的 循环 中 止 执 行 。 同 时 用 捕捉 异常 
方式 处 理 如 果 单 击 Bouncing Ball 窗口 右上 方 的 “关闭 ”按钮 时 ， 不 再 有 错误 消息 产 
生 ， 可 以 参考 74 一 78 行 。 
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程序 实例 ch19. 28.py: 完整 的 反弹 球 设计 。 


# ch19 28.py 
from tkinter import * 
from random import * 
import time 


class Ball: 


def 


def 


def 


. init (self, canvas, color, winW, winH, racket): 
self.canvas - canvas 
self.racket - racket 
self.id - canvas.create oval(0, 0, 20, 20, fill-color) # 
self.canvas.move(self.id, winW/2, winH/2) [EA 初 位 置 
startPos = [-4, -3, -2, -1, 1, 2, 3, 4] # EEEN 
shuffle(startPos) & 打 乱 排列 
self.x = startPos[0] # 球 最 初 水 平 
# 
# 


self.y = -step 
self.notTouchBottom = True 
hitRacket(self, ballPos): 
racketPos - self.canvas.coords(self.racket.id) 
if ballPos[2] >= racketPos[0] and ballPos[0] <= racketPos[2]: 
if ballPos[3] »- racketPos[1] and ballPos[3] «- racketPos[3]: 
return True 
return False 
ballMove(self): 
self.canvas.move(self.id, self.x, self.y) # step 是 正 值 表示 往 下 移动 
ballPos = self.canvas.coords(self.id) 


Adamum miis 


if ballPos[0] «- 0: # 侦 测 球 是 否 超过 画布 左 方 
self.x = step 

if ballPos[1] «- 0: # 侦 测 球 是 否 超过 画布 上 方 
self.y = step 

if ballPos[2] »- winW: # 侦 测 球 是 否 超 过 画布 右 方 
self.x = -step 

if ballPos[3] »- winH: # 侦 测 球 是 否 超过 画布 下 方 
self.y = -step 

if self.hitRacket(ballPos) -- True: # 侦 测 是 否 撞 到 球拍 
self.y = -step 

if ballPos[3] »- winH: # 如 果 球 接触 到 画布 底 端 


self.notTouchBottom = False 


class Racket: 


def 


def 


def 


def 


. init (self, canvas, color): 
self.canvas - canvas 
self.id = canvas.create rectangle(0,0,100,15, fill-color) # 球拍 物件 


self.canvas.move(self.id, 270, 400) # 球拍 位 置 
self.x = 0 

self.canvas.bind all('«KeyPress-Right»', self.moveRight) 

self.canvas.bind all('«KeyPress-Lleft»', self.moveleft) # BERAE 
racketMove(self): # 设计 球拍 移动 


self.canvas.move(self.id, self.x, 0) 
racketPos - self.canvas.coords(self.id) 


if racketPos[0] «- 0 布 左边 
self.x = 0 

elif racketPos[2] »- winW: + 移动 时 是 否 碰 到 画布 右边 
self.x = 9 

moveleft(self, event): # 球拍 每 次 向 左 移动 的 单位 数 

self.x = -3 

moveRight(self, event): # 球拍 每 次 向 右 移动 的 单位 数 

self.x = 3 


74 


winW - 640 
winH - 480 
step - 3 
speed - 0.01 


tk = Tk() 

tk.title("Bouncing Ball") 

tk.wm attributes('-topmost', 1) 

canvas - Canvas(tk, width-winW, height-winH) 
canvas.pack() 

tk.update() 


racket = Racket(canvas, 'purple') 
ball = Ball(canvas, 'yellow' winW,winH,racket) 


while ball.notTouchBottom: 

try: 
ball.ballMove() 

except: 
print(" 单 击 关闭 按钮 终止 程序 执行 ” 
break 

racket.racketMove() 

tk.update() 

time.sleep(speed) 


HHHH 


$198 


定义 画布 宽度 
定义 画布 高 度 
定义 速度 可 想 成 位 移 步 长 
设置 移动 速度 
游戏 雍 口 标题 
确保 游戏 窗口 在 屏幕 最 上 层 


定义 紫色 球拍 
定义 球 对 象 


如 果 球 未 接触 画布 底 端 


可 以 控制 移动 速度 


站 Bouncing Ball 


- cli 


Canvas 
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附录 A RGB 色彩 表 


AliceBlue #F0F8FF 


AntiqueWhite #FAEBD7 


Aqua #00FFFF 


Aquamarine #7FFFD4 


Azure #F0FFFF 


Beige #F5F5DC 
Bisque #FFE4C4 
Black #000000 


BlanchedAlmond #FFEBCD 


Blue 


#0000FF 


BlueViolet #8A2BE2 


Brown #A52A2A 


BurlyWood #DEB887 
CadetBlue #5F9EA0 
Chartreuse #7FFF00 
Chocolate #D2691E 
Coral #FF7F50 
CornflowerBlue #6495ED 
Cornsilk #FFF8DC 
Crimson #DC143C 


Cyan #00FFFF 


DarkBlue 


#00008B 


DarkCyan #008B8B 


DarkGoldenRod 


#B8860B 


DarkGray #A9A9A9 


DarkGrey #A9A9A9 


DarkGreen 


#006400 


DarkKhaki #BDB76B 


DarkMagenta #8B008B 


DarkOliveGreen #556B2F 


DarkOrange #FF8C00 
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(BER) 
DarkOrchid #9932CC 
DarkRed #8B0000 
DarkSalmon #E9967A 
DarkSeaGreen #8FBC8F 
DarkSlateBlue #483D8B 
DarkSlateGray #2F4F4F 
DarkSlateGrey #2F4F4F 
DarkTurquoise #00CED1 
DarkViolet #9400D3 
DeepPink #FF1493 
DeepSkyBlue #00BFFF 
DimGray #696969 
DimGrey #696969 
DodgerBlue #1E90FF 
FireBrick #B22222 
FloralWhite #FFFAF0 
ForestGreen #228B22 
Fuchsia #FF00FF 
Gainsboro #DCDCDC 
GhostWhite #F8F8FF 
Gold #FFD700 
GoldenRod #DAA520 
Gray #808080 
Grey #808080 
Green #008000 
GreenYellow #ADFF2F 
HoneyDew #F0FFF0 
HotPink #FF69B4 
IndianRed #CD5C5C 
Indigo #4B0082 


附录 A RGB 色彩 表 


(BER) 

Ivory *FFFFF0 
Khaki #F0E68C 
Lavender #E6E6FA 
LavenderBlush #FFF0F5 
LawnGreen #7CFC00 
LemonChiffon #FFFACD 
LightBlue #ADD8E6 
LightCoral #F08080 
LightCyan #E0FFFF 
LightGoldenRodYellow #FAFAD2 
LightGray #D3D3D3 
LightGrey #D3D3D3 
LightGreen #90EE90 
LightPink #FFB6C1 
LightSeaGreen 
LightSkyBlue #87CEFA 
LightSlateGray #778899 
LightSlateGrey #778899 
LightSteelBlue #B0C4DE 
LightYellow #FFFFE0 
Lime #00FF00 
LimeGreen #32CD32 
Linen #FAF0E6 
Magenta #FF00FF 
Maroon #800000 
MediumAquaMarine #66CDAA 
MediumBlue #0000CD 
MediumOrchid #BA55D3 


MediumPurple 


#9370DB 
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(BUR) 
MediumSeaGreen 
MediumSlateBlue #7B68EE 
MediumSpringGreen #00FA9A 
MediumTurquoise #48D1CC 
MediumVioletRed #C71585 
MidnightBlue #191970 
MintCream #F5FFFA 
MistyRose #FFE4E1 
Moccasin #FFE4B5 
NavajoWhite #FFDEAD | 
Navy #000080 
OldLace #FDF5E6 
Olive #808000 
OliveDrab #6B8E23 
Orange #FFA500 
OrangeRed #FF4500 
Orchid #DA70D6 
PaleGoldenRod #EEE8AA 
PaleGreen #98FB98 
PaleTurquoise #AFEEEE 
PaleVioletRed #DB7093 
PapayaWhip #FFEFD5 
PeachPuff #FFDAB9 
Peru #CD853F 
Pink #FFC0CB 
Plum #DDA0DD 
PowderBlue #B0E0E6 
Purple #800080 
RebeccaPurple #663399 
Red #FF0000 


附录 A RGB 色彩 表 


( 续 表 ) 


RosyBrown #BC8F8F 
RoyalBlue #4169E1 
SaddleBrown #8B4513 


Salmon #FA8072 


SandyBrown #F4A460 


SeaGreen #2E8B57 


SeaShell #FFF5EE 


Sienna #A0522D 


Silver #C0C0C0 


SkyBlue #87CEEB 


SlateBlue #6A5ACD 


SlateGray #708090 


SlateGrey #708090 
Snow #FFFAFA 
SpringGreen #00FF7F 
SteelBlue #4682B4 


#D2B48C 
#008080 


Thistle #D8BFD8 
Tomato #FF6347 
Turquoise #40E0D0 
Violet #EE82EE 


Wheat #F5DEB3 


White #FFFFFF 


WhiteSmoke #F5F5F5 


Yellow #FFFF00 


YellowGreen #9ACD32 


函数 或 方法 索引 表 


int ().. ..296 


add( ) ..... ..186 
adi cascade: ctor coiere ado pn 202 
add. .checkbutton( )................ sss 213 
àdd -commünd( )......... eom 202 
有 202,205 
p e —————— 10 
Dia Tee RR RT EE 27 
[icu e —— 125 
人 136 
i A OOE EES 246 
DO 136 
ie pae e i en hob 137 
asksavesasfilename( ) .pe 246 
人 137 
üskyesnocaücel() aa 137 
| 142 
四 84 
Button( ).... 


Canvas( ) ... 


Checkbutton( ).. ..102 
clipboard append( ). 

clipboard clear( ) .... 

ER 258 
columnconfipure( )........—.. totae tette reterede 269 
columnconfigure( Dose 56 
[nune R—— RE 254 
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ad el I — 278 
nim amt 282 
人 287 
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EC 285 
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create rectangle( ).... .281 


e o G TEE EAA E ETAT 149 
e E EEEE NAAA PA ES —S 47 


geometry( ). .4 
get( ) 

get( ) 

get( ) 

getchuldren( fiia 274 
[| —————————————— 48 
NE 256 
oa—————————" 137 
i 4 
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